首先这个坑跟nginx关系不大
1. 需要配置vue-router
创建vue路由 这里 需要配置（这里用的createWebHistory，用其它的也可以）
createWebHistory('/folder/') // 给出的网址为 https://xxx.com/folder/
https://router.vuejs.org/zh/api/#createwebhistory
旧版本的vue-router需要配置的是 base
2. 配置 vue 基本路径
publicPath: '/folder/'
多个vue项目可以把地址区分开就行
旧版本的自己查一下吧
3. nginx配置
location / {
root html/web;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
# vue没配置的路径的这里不需要配置路径
location /folder{
alias html/folder;
# vue配置好路径的 匹配路径
try_files $uri $uri/ /folder/index.html;
}
location /folder2{
alias html/folder2;
# vue配置好路径的 匹配路径
try_files $uri $uri/ /folder2/index.html;
}
这就可以跑起来测试了
