记录vue打包后配置nginx以后访问页面报405错误

前言:公司vue项目,完成度80%以后甲方拿来一台无网的笔记本需要前后端将代码部署上去,后端代码没问题,前端nginx配置没问题,但是访问nginx里面的前端路径以后跳转的页面没有数据,报405错误。同一个问题碰到过这是第二次,这次记录一下,以防止再犯。

步骤一、

nginx配置

记录vue打包后配置nginx以后访问页面报405错误_第1张图片

步骤二、重点

两次出错的原因都在于vue页面里面vue.config.js配置的问题

在该文件夹里面,文件会通过'/api'去寻找带有api开头的接口,而且target里面的地址后面也需要带上/api,再一个在每个封装好的接口地址前面都需要带api

记录vue打包后配置nginx以后访问页面报405错误_第2张图片记录vue打包后配置nginx以后访问页面报405错误_第3张图片

1.在配置文件里面通过'/api'查找相对应的接口,在服务后面添加/api

2.在每个封装好的接口前面添加/api

然后再将文件打包之后放到nginx配置的路径下面访问,问题就迎刃而解了end...

 

你可能感兴趣的:(nginx,vue.js,nginx)