nginx 配置问题:preview 提示: We’re sorry but XXX doesn’t work properly without JavaScript enabled/Vue
nginx 配置问题:
问题描述:
Vue 前端服务可以正常使用,webapi 服务端调用失败?
preview 提示: We’re sorry but XXX doesn’t work properly without JavaScript enabled/Vue;注意此时是否有(from disk);
- 如果有from disk 此时提示并非有效;需要重启nginx 或者重启服务器;
重新访问提示 404;代理配置问题;
swagger 访问如下:
http://IP:端口/swagger/index.html
/api/Login
vue.config.js 配置如下:
const service =axios.create({
baseURL:"/api/",
timeout:50000
})
devServer:{
proxy:{
"/api/":{
target: "http://IP:端口/",
}
}
}
nginx 代理配置如下:
location /api/ {
# 配置跨域
# add_header "Access-Control-Allow-Origin" *;
# proxy_next_upstream http_502 http_504 error timeout invalid_header;
# proxy_set_header Host $host;
# proxy_set_header X-Real-IP $remote_addr;
# proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
# 配置反向代理
proxy_pass http://IP:端口;
}
注意 nginx代理中 api 前后都有'/'; proxy_pass 端口后没有'/'