将VUE项目部署到服务器 nginx代理配置

1.npm run bulid 

刚开始bulid出来的dist里面的界面打开是空白的

原因是vue.config.js 没有相关的配置

于是在网上找了配置文件抄了进去

最重要是要配那个path！写的是部署的服务器的域名，后面再把相关的代码put上来。

 

2.nginx配置

由于我的服务器里不知道为啥有两个nginx压缩包，正确的应该是usr/local/niginx 里面的配置文件。

要在里面配置listen 80

然后代理到dist目录

配置好要重启nginx
问题：中级出现几次unexpecked｝

原因是！某行缺少；｝前面一定是；！

 

 问题：nginx.pid no such file or directory

要先修改nignx.conf里的pid配置，手动创建配置的目录的文件夹！

最后还是部署成功了

因为代理的是80输入服务器域名就能访问到了！

但有一个bug是！

打开里面的element- plus组件出错了

显示的样式是错误的

在网上搜了一下，说什么main.js 里element要在router后面引用，但是我的文件确实已经是那样的了，这个问题后面再解决吧。考虑要换成uni- app，然后组件库换成更适配移动端的吧