这篇文章讲解如何在一个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;