本文记录了一位开发者在部署Vue项目时遇到的问题，包括build后的dist界面空白、Vue.config.js配置、Nginx配置错误以及样式显示异常。通过修正Vue.config.js的path配置，调整Nginx的listen和代理设置，并解决语法错误，最终成功部署项目。然而，Element-Plus组件样式加载出现问题，开发者计划更换为uni-app并采用更适合移动端的组件库。
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，然后组件库换成更适配移动端的吧
扫一扫
6754
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
