同一个域名使用多个location来部署vue项目

普通的静态页面直接在nginx端使用location上配置路径就可以了，但是vue项目不但需要再nginx上的location配置访问路径，vue项目代码里面的路由跳转也需要配置相对应的路径
（前端项目使用的是VUE 3.0）

eg:
这边正常放置一个vue项目
nginx的配置如下：

访问：

页面正常访问

仅仅修改nginx的配置：

正常来说这样配置访问到的资源和之前来说是一样的。
访问：

这是访问不到了，查看资源请求路径，发现资源请求路径是错误的，正确的路径应当是/yuetian/assets/js/app.6a8b4a7f.js 而这里是/assets/js/app.6a8b4a7f.js

这里资源请求都没有加上/yuetian 这层目录，因为vue里里面的资源请求路径也需要在代码里面配置
1.修改vue.config.js 这个文件

2.修改 src/router.js 这个文件
添加一行： base: ‘/yuetian’,
（这里的base 路径相当于 routes 下面path 的 “/” 路径）

此时nginx端的配置：

访问：