nginx的反向代理配置和vue上线项目404问题解决

系统环境：Ubuntu16.4

配置需求： nginx软件（若是还没安装nvm和nginx的同学，可以看我之前的文章）

当我们使用vue打包上线时，会出现服务器中的api请求错误，这时我们需要nginx代理服务器

一般安装nginx后，在  etc/nginx/sites-enabled 位置下default文件，我们用vim 编辑  （vim  default）

进入之后，按  i  键进行内容编辑，找到有location这一行，写入api请求的目标路径

示例：

location ^~/hehe/ {

        proxy_pass http://???.com/;

}

location ^~/xixi/ {

        proxy_pass http://???:3000/;

}

修改完毕按esc键，：wq  (保存退出)

重启 nginx即可（nginx -s reload）

vue 上线后刷新出现404解决方法 (VUE官网也有解决该问题的文档)

一般出现这种情况是你的模式是  history (此方法简单的说是去掉地址栏的 # )，这时我们也要在 etc/nginx/sites-enabled 位置下vim 编辑   default

同样是在location那一行

location / {

    将try_files $uri $uri/ =404;注释（#注释）

    写上   try_files $uri $uri/ /index.html; 

}

esc 退出  ：wq  保存退出即可