nginx配置一个域名多个vue项目

首先这个坑跟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;
    }

这就可以跑起来测试了