windows系统上部署vue项目到nginx

nginx版本：nginx-window-1.12.2

下载后解压到任意位置，解压后win+R，输入cmd打开命令窗口。

到达nginx的目录，这里我们是C:/nginx-1.12-2/

使用start nginx命令启动nginx，访问localhost:80，显示welcome to NGINX!则说明nginx部署成功。

然后修改我们的项目，最主要还是三步：

1）router.js的base:

部署到tomcat上因为tomcat有好几个项目，所以跟了一个/guess/，而nginx上我们直接放在/上

所以将/guess/改成/

2）package.json:

按readme.md说的，加上--host 0.0.0.0

3）vue.config.js

vue.config.js最主要是更改publicPath,改成./

4)/src/api/url.js

这里修改我们要请求后台的url，改成localhost:3000。

之后修改nginx的配置

C:/nginx-1.12.2/conf/nginx.conf

修改server：

server {

        listen      80;//端口配置

        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {

            root  C:/dist;//dist为打包生成的文件

            try_files $uri $uri/ /index.html last;//重要。。一定要+，不然重定向不行。

            index  index.html;

        }

#其余省略

}

nginx的常用命令：

启动：

start nginx

关闭

nginx -s stop  

重载

nginx -s reload