nginx部署脚手架项目

npm run build 

得到构建好的代码

nginx.conf中server 配置仅供参考，需根据真实项目更改配置

server {

    listen      3001;

    server_name  localhost;

    root C:\Users\wx\Documents\GitHub\cli\build;

    index index.html;

    location / {

        try_files $uri $uri/ /index.html;

    }

    location /login/ {

        proxy_pass http://192.168.11.100:7099;

    }
}

root C:\Users\wx\Documents\GitHub\cli\build;

构建好的代码目录

index index.html;

默认主页

配置文件格式必须严谨，注意每个配置后面的;以及顺序

 location / {

    try_files $uri $uri/ /index.html;

 }

以url的形式切换路由,需要上面配置

路由名字不要和后台的接口重名，比如路由是login，虽然在脚手架访问没错，但是再用nginx访问时,会自动加上/,变成login/，如果配置/login/的反向代理,会被当做后台接口处理!

location /product/ {

    proxy_pass http://192.168.11.100:7099;

}

将/product/开头的ajax请求转发到http://192.168.11.100:7099，解决浏览器的跨域限制。

常用的nginx命令

start nginx 启动nginx服务器
不要双击nginx.exe 启动，会很难关闭，在同级目录上打开cmd,运行该命令

nginx -s reload
重新加载，可以再不关闭nginx的情况下更新配置文件

nginx -s stop
关闭nginx