谈Nginx部署两个vue项目

这篇文章讲解如何在一个nginx上部署两个vue项目，还有root和alias的区别。

路径问题

首先先假设主域名为：www.yuming.com。要绑定的子域名是www.yuming.com/two
下图先展示一个项目时的nginx配置。api为后端java项目的接口。

    server {
   
        listen       80;
        server_name  www.yuming.com;

        location / {
   
        	//默认路径是Nginx下的html文件里，我是自定义的路径，dist是vue-cli打包出来的文件
            root   /var/myvue/dist;
            index  index.html index.htm;
            //开启了model: 'history'就需要加入下面的话，大体的意思是可能会找不到页面。
            //如果没找到就返回Index页面
            try_files $uri $uri/ /index.html;
        }

		//当当问www.yuming.com/api/*** 的时候访问路径会转往下面设置的端口。
        location /api/ {
   
            proxy_pass http://127.0.0.1:某一端口;
            tcp_nodelay on;