前端vue与后端Thinkphp在服务器的部署

vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过>执行成功后会生成dist文件

41 进入到nginx配置目录：/usr/local/nginx/conf,对 nginxconf 文件进行配置

使用include可以配置多个conf文件，如一个项目一个配置文件。在同目录下创建demo文件夹，并创建democonf配置文件

下面使用是以ip地址的方式创建的的配置文件

访问地址：

其中dist名称时可以修改，保持与/usr/local/nginx/html下cp名称一致，否则会访问不到;并且/usr/local/nginx/html目录可存在同一ip下多个web项目。

域名与ip绑定

配置域名democonf
eg: 域名 - democn

42阿里云配置域名前缀
阿里云->域名->域名列表—>域名 管理-> 域名解析->解析设置

如图：记录值 填写当前服务ip

学习过程中所记录，有问题或者有好的方式欢迎指点。不胜感激