vue路由history模式下的nginx配置

1. 如果路由要使用 history 模式，需要将 nigix 配置为：

1. 前端配置：

const router = new VueRouter({
    mode: "history",
    base: process.env.BASE_URL,
    routes,
});

2.nigix 配置

server {
        listen      9903;
        server_name  localhost;
        location / {
            root  'G:\dist';
            index  /index.html;
            try_files $uri $uri/ /index.html;
        }
}

2. 如果路由要使用 history 模式，并且想要一个根目录下面挂多个站点

1. 前端配置路由：

const router = new VueRouter({
    mode: "history",
    base: "/one/",
    routes,
});

2. 修改 vue.config.js 的 publicPath 为自己的二级目录即可

module.exports = {
    publicPath: "/one/",
};

3. 配置服务器 nigx 代码：

server {
    listen      9903;
    server_name  localhost;
    root  'G:\dist';
    //这个是通过localhost:9903/aabb/可以访问
    location /aabb {
        index  /index.html;
        try_files $uri $uri/ /aabb/index.html;
    }
    //这个是通过localhost:9903/one/可以访问
    location /one {
        index  /index.html;
        try_files $uri $uri/ /one/index.html;
    }
}