阿里云 两个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;