前提在做內嵌vue時:

image.png

以往部署vuejs應用都是直接在nginx的location為/下直接部署，這次遇到要將vue應用部署在/vuejs-admin的非根下，使用以往部署方案直接訪問就會404，這時修改步驟如下：

1、修改項目router配置，如下：

image.png

這里一是要修改router模式為history，另一個就是修改base地址為要訪問的/vuejs-admin的地址，注意前后都有斜線

2、修改vue.config.js配置，如下：

image.png

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

image.png