系统环境: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 保存退出即可