nginx部署多个vue项目,不同端口号下
nginx部署多个vue项目,不同端口号下是否连接上云服务器进入nginx文件下进入 nginx.conf 文件并配置第一个项目第一个项目配置第二个项目配置将创建的后缀 `.conf` 引入主后置`.conf`中欢迎在评论区交流!!!!下面笔者会写出一份详细的操作及配置流程,供大家参考学习!这里,是有一台“云服务器”(笔者的是华为云服务器),一款“Xshell”借助它来操作服务器,一款“Xftp”
nginx部署多个vue项目,不同端口号下
下面笔者会写出一份详细的操作及配置流程,供大家参考学习!
这里,是有一台“云服务器
”(笔者的是华为云服务器),一款“Xshell
”借助它来操作服务器,一款“Xftp
”借助它来给服务器相对的位置上传项目文档,不知道的,可以通过点击进去查看,里面有各自详细的使用教程。vue项目的打包 npm run build
,下面的所有操作都建立于xshell和服务器连接成功的基础上,并且nginx
已经安装成功,没有安装的,请自行查找资料,笔者忘记了整理了,但是整理了windows服务器的安装教程,点击这里查看。
是否连接上云服务器
进入nginx文件下
进入 nginx.conf 文件并配置第一个项目
先说明下,笔者这里采用的不是在同一个 .conf
文件配置,为什么呢?因为如果配置文件出现问题,则所有项目都会出现问题,笔者采用的是多个 .conf
文件(一个项目一个 .conf
文件,文件命名最好用项目名称英文来创建,目的便于后期的区分),这样就是一个主进程,其它的都属于它的子进程,子进程出现问题,之间互不影响。
第一个项目配置
nginx.conf
第二个项目配置
cqdz-view-nginx.conf ,到这里,有的人会问,如何创建第二个后缀为 .conf
文件, 还是通过编辑默认 vim cqdz-view-nginx.conf
,进入该文件,然后进入“插入模式(i
)”,随便写点啥,保存退出:wq
,这样一个新的后缀为 .conf
文件就创好了。
将创建的后缀 .conf
引入主后置 .conf
中
第二个项目配置完成后,返回第一个项目配置文件(主文件)
到这里,基本的配置已经完成,后面再多的项目都是如此一样。笔者亲调有效!!
突然回想起这块遇过的一个问题:静态资源加载 404 not found
项目访问到了,就是界面加载不出来
笔者改了这里,再也没有出现错误了。
欢迎在评论区交流!!!!
更多推荐
所有评论(0)