Javascript

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项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!