1.npm run bulid 

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

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

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

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

 

2.nginx配置

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

要在里面配置listen 80

然后代理到dist目录

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETkAja2V5aWlp,size_20,color_FFFFFF,t_70,g_se,x_16

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

原因是!某行缺少;}前面一定是;!

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETkAja2V5aWlp,size_20,color_FFFFFF,t_70,g_se,x_16 

 问题:nginx.pid no such file or directory

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

最后还是部署成功了

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

但有一个bug是!

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

显示的样式是错误的

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

Logo

前往低代码交流专区

更多推荐