前提在做内嵌vue时:

以往部署vuejs应用都是直接在nginx的location为/下直接部署,这次遇到要将vue应用部署在/vuejs-admin的非根下,使用以往部署方案直接访问就会404,这时修改步骤如下:
1、修改项目router配置,如下:

这里一是要修改router模式为history,另一个就是修改base地址为要访问的/vuejs-admin的地址,注意前后都有斜线
2、修改vue.config.js配置,如下:

3、修改nginx配置,使用rewrite配置

前提在做内嵌vue时:
以往部署vuejs应用都是直接在nginx的location为/下直接部署,这次遇到要将vue应用部署在/vuejs-admin的非根下,使用以往部署方案直接访问就会404,这时修改步骤如下:
1、修改项目router配置,如下:
这里一是要修改router模式为history,另一个就是修改base地址为要访问的/vuejs-admin的地址,注意前后都有斜线
2、修改vue.config.js配置,如下:
3、修改nginx配置,使用rewrite配置
本文标题:Vue之Html内嵌Vue二级目录Ngxin部署配置
本文链接:https://www.haomeiwen.com/subject/xtnaihtx.html
网友评论