nginx 同时部署多个vue项目

背景:新项目前端部分包含pc端管理页面和weixin端页面
 

正确配置:

nginx 同时部署多个vue项目_第1张图片

nginx 同时部署多个vue项目_第2张图片

第一次尝试:给项目加上子路径名称
nginx 同时部署多个vue项目_第3张图片
两个项目路径分别为127.0.0.1:8080/pc和127.0.0.1/weixin

nginx 同时部署多个vue项目_第4张图片

直接访问http://127.0.0.1:8080/pc/可以跳转,但是访问http://127.0.0.1:8080/pc/home不行

nginx 同时部署多个vue项目_第5张图片

nginx 同时部署多个vue项目_第6张图片

也就是说,用户第一次输入http://127.0.0.1:8080/pc/进来以后,页面地址会变成http://127.0.0.1:8080/pc/home(默认home页),这时点击刷新就会进入nginx页面。

第二次尝试:因为原先只有一个pc端的时候,没有二级路径,刷新是没有问题的。我把pc的二级路径取消了。

nginx 同时部署多个vue项目_第7张图片

这时页面可以访问,刷新也可以访问,但是访问weixin页面会匹配到/进入pc端页面

nginx 同时部署多个vue项目_第8张图片

nginx 同时部署多个vue项目_第9张图片

 

你可能感兴趣的:(前端)