阿里云 两个vue项目部署到nginx，并同时实现跨域请求
现在有两个项目stock，stock_news,想要将这两个项目同时部署到阿里云CentOS服务器
1、前期准备，
安装nginx对于阿里云如何安装nginx，请参考我的另外一片文章《yum方式 阿里云CentOS7+ 安装nginx》
两个项目vue已经打包成dist文件，阿里云上位置如下
/home/stock/dist
/home/stock_news/dist
端口准备：入口8080，9090，出口31000，20000（重要，本人就因为没配出口端口，找了很久的原因）
2、
阿里云默认的nginx的配置主文件路径：/etc/nginx/nginx.conf
nginx的配置子文件路径/etc/nginx/conf.d/default.conf
在主文件nginx.conf的末尾我们可以看到这样一句话，如下图,
这是将所有conf.d下面的以.conf结尾的子配置文件包含在主配置文件中，在此我们需要为stock，stock_news两个vue项目各建立一个配置文件，stock.conf、stock_news.conf,
第一个项目stock配置文件
sudo vim stock.conf sudo试权限情形添加，大部分时候是需要的,使用的时候大家用真实ip替换下面的ip1即可
server {
listen 9090;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
# Root html;
root /home/stock_news/dist;
index index.html index.htm;
}
location /stock_news/ {
# 把 /api 路径下的请求转发给真正的后端服务器跨域请求的远程接口地址
proxy_pass http://ip1:31000/;
# 把host头传过去，后端服务程序将收到your.domain.name, 否则收到的是localhost:8080
proxy_set_header Host $http_host;
# 把cookie中的path部分从/api替换成/service
proxy_cookie_path /api /;
# 把cookie的path部分从localhost:8080替换成your.domain.name
proxy_cookie_domain localhost:9090 http://ip1:31000;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}第2个项目stock_news的配置文件 stock_news.conf，使用的时候大家用真实ip替换下面的ip2即可
执行创建文件命令：
sudo vim stock_news.conf server {
listen 8080;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
# Root html;
root /home/stock/dist;
index index.html index.htm;
}
location /stock/ {
# 把 /api 路径下的请求转发给真正的后端服务器跨域请求的远程接口地址
proxy_pass http://ip2:20000/;
# 把host头传过去，后端服务程序将收到your.domain.name, 否则收到的是localhost:8080
proxy_set_header Host $http_host;
# 把cookie中的path部分从/api替换成/service
proxy_cookie_path /api /;
# 把cookie的path部分从localhost:8080替换成your.domain.name
proxy_cookie_domain localhost:8080 http://ip2:20000;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
启动nginx
sudo nginx访问url链接：
stock项目访问链接：http://ip1:8080/#/api/change
stock_news项目访问链接：http://ip2:9090/#/api/newsListManage
ip1，ip2替换成真实阿里云地址
出现访问成功界面