详解Nginx配置同域名下怎么部署多个Vue项目

const path = require("path");// import path from 'path'const resolve = (dir) => path.join(__dirname, dir);module.exports = {  publicPath: "/project/",  // 选项...  devServer: {    open: true, // 设置自动打开    port: 8080, // 设置端口号    // host: '192.168.0.124', // ip 本地    // hotOnly: true, // 热更新    disableHostCheck: true, // 解决 Invalid Host header的原因    proxy: {      //设置代理      "/connect": {        target: "https://open.weixin.qq.com",        changeOrigin: true,        // ws: true, //如果要代理 websockets，配置这个参数        secure: false, //如果是http接口，需要配置该参数        pathRewrite: {          "^/": "",        },      }    },  },  configureWebpack: {    resolve: {      alias: {        //这里配置了components文件的路径别名        "@": resolve("src"),        // components: resolve("src/components"),      },    },  },};

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

 server {        listen       80;        server_name  www.coderkey.com;        location / {            root  F:/parant/dist;            try_files $uri $uri/ /index.html;        }        location /project {            alias  F:/subparant/dist;            try_files $uri $uri/ /project/index.html;            index  index.html;        }}

// 例如:http://www.coderkey.com http://www.coderkey.com/project