建站之星成品网站源码,wordpress免费教程视频教程,罗湖区住房和建设网站,成都建设信息网官网技术#xff1a;vue3.2.13 UI框架:element-plus 2.1.1 服务器#xff1a;腾讯云Centos系统宝塔面板 Nginx:1.22.1
前提#xff1a;宝塔面板》网站PHP项目 已经新建了项目
1.处理vue页面刷新报错404 如上图#xff0c;在PHP网站》设置》配置文件#xff0c;新增如下代码…技术vue3.2.13 UI框架:element-plus 2.1.1 服务器腾讯云Centos系统宝塔面板 Nginx:1.22.1
前提宝塔面板》网站PHP项目 已经新建了项目
1.处理vue页面刷新报错404 如上图在PHP网站》设置》配置文件新增如下代码可解决刷新报错页面404的问题 location / {try_files $uri $uri/ /index.html;}2.处理vue页面请求接口报错404的问题 如上图在PHP网站》设置》配置文件新增如下代码可解决刷新报错页面404的问题
// 这里做完记录贴实例只写一个实际上项目proxy里几个代理则写几个
location ^~/blogApi/ {proxy_pass http://localhost:5009/;
}我的vue.config.js配置如下
// 这里做完记录贴实例只写一个实际上项目proxy里几个代理则写几个/blogApi: {target: process.env.VUE_APP_API_BASE_URL,changeOrigin: true, // 是否跨域secure: false, // 如果是https接口需要配置这个参数pathRewrite: {^/blogApi: ,},},3.以上处理完成后保存然后登录页面刷新请求接口
页面刷新正常、接口请求code200 则说明配置成功
