码迷,mamicode.com
首页 > 其他好文 > 详细

vue 前后端分离nginx部署

时间:2020-06-14 01:43:47      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:backend   host   tool   服务器   img   rsa   history   png   round   

一、首先有个服务器,mac登录

(1)ssh bimzaozhuangupg@61.156.222.242    用户名:bimzaozhuangupg   密码:Gnw6$M@tV%

(2)前端打包前设置history模式,config文件下的index.js下修改

技术图片

 

 (2)路由下修改

技术图片

 

(3)修改后打包,把前端放到服务器上/usr/local/tools/html/oms路径

(4)把后端打包放到服务上路径/home/bimjar2.0

(5)配置nginx如下

upstream softmbh.sdbim.net_backend {
        server 127.0.0.1:9001 weight=1 max_fails=2 fail_timeout=30s;

}

server {
#        listen  8097;
        listen 8098; #端口
        server_name  softmbh.sdbim.net; #隐藏掉的是后端接口域名和ip
        access_log /var/log/softmbh.sdbim.net.log ;
        error_log  /var/log/softmbh.sdbim.net.err;

        #ssl on;
        #ssl_certificate sslkey/server.crt;
        #ssl_certificate_key sslkey/server.key;
        #ssl_session_timeout 5m;
        #ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
        #ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
        #ssl_prefer_server_ciphers on;
        add_header Access-Control-Allow-Origin *;
        add_header Access-Control-Allow-Methods ‘GET, POST, OPTIONS‘;
        add_header Access-Control-Allow-Headers ‘DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization‘;


#        if ($scheme = http) {
#            return  301 https://$host$request_uri;
#        }

        error_page   500 502 503 504 404 403 /50x.html;
        location = /50x.html {
            root   /var/html;
        }
        # 后端配置
        location ^~ /softmbh-oms/ {
        # proxy_set_header Host $http_host;
        proxy_set_header Host $host:$server_port;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_pass http://softmbh.sdbim.net_backend;
        }
       # 前端配置
        location /oms/ {
        root /usr/local/tools/html/; 
        try_files $uri $uri/ /oms/index.html;
        }
}

vue 前后端分离nginx部署

标签:backend   host   tool   服务器   img   rsa   history   png   round   

原文地址:https://www.cnblogs.com/amujoe/p/13122366.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!