nginx同一端口发布多个vue项目

本文主要是介绍nginx同一端口发布多个vue项目，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1、nginx 配置

    location /three-tixing/{
        alias  /usr/local/website/demo/three-tixing/;
        index  index.html;
        try_files $uri $uri/ /three-tixing/index.html;
    
    }

　　1.1 location

　　网页输入的端口后的路径

　　1.2 alias

　　网站在服务器的路径

2.vue项目配置

　　2.1 vue.config.js

module.exports = {
    publicPath: process.env.NODE_ENV === 'production'
        ? '/three-tixing/'
        : '/'
}

　　2.2 VueRouter

这篇关于nginx同一端口发布多个vue项目的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！