NuxtJS部署后,切换界面后提示控制台报504的错误,求指导
问题
在使用nuxtJS
做Vue的SSR之后,本地编译及访问无任何问题,在部署到服务端之后,首次访问无任何问题,只要切换界面,就会提示net::ERR_CONNECTION_REFUSED
。
JS代码
export default {
async asyncData({ $axios }) {
const result = await $axios.post("/api/article/list", {
pageSize: 10,
pageNo: 1
});
if (result) {
this.list = result;
}
}
}
nuxt.config.js 配置如下
export default {
mode: "universal",
telemetry: false,
/*
** Global CSS
*/
css: [
"assets/style.scss"
],
/*
** Plugins to load before mounting the App
*/
plugins: [
{
src: "~/plugins/api.js"
},
{
src: "~/plugins/dayJS.js"
}
],
/*
** Nuxt.js dev-modules
*/
buildModules: [],
/*
** Nuxt.js modules
*/
modules: [
"@nuxtjs/proxy",
"@nuxtjs/axios"
],
/*
** Build configuration
*/
build: {
/*
** You can extend webpack config here
*/
extend(config, ctx) {
}
},
proxy: {
"/api": {
target: "https://xxx.xxx.com/api",
changeOrigin: true,
pathRewrite: {
"^/api": ""
}
}
}
}
postman 接口测试截图
正常请求控制台输出
疑惑点
项目在本地跑的时候,没任何问题,只要上服务器运行就会出现这个问题,proxy做代理的时候,浏览器的请求地址也是localhost+端口的形式,请大佬指点一下
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论