老师，设置proxy报504错误怎么解决啊？

来源：7-9 Vue项目首页 - 使用 axios 发送 ajax 请求

冰镇抹茶

2019-05-17

图片描述
assetsSubDirectory: ‘static’,
assetsPublicPath: ‘/’,
proxyTable: {
’/api’: {
target: ‘http://localhost/8080’,
pathRewrite: {
’^/api’: ‘/static/mock’
}
}
},

直接访问http://localhost:8080/api/index.json，浏览器会出现下面的内容
Error occured while trying to proxy to: localhost:8080/static/mock/index.json

但是直接访问localhost:8080/static/mock/index.json这个地址是可以看到hello world内容的

我安装的是vue-cli 3.0，但是创建项目时是用的2.0的命令，所以也没有看到有vue.config.js的文件
现在不知道怎么解决了

写回答

1回答

yuan_zhang

2019-05-23

你看一下你的/api前面貌似存在空格，^/api之前的这空格都是不应该存在的，这配置文件修改之后，然后npm run dev 重新得启动，试一下

冰镇抹茶

没有空格，路径应该是没问题的，因为我上面说直接访问代理网址，虽然会报错误，但是已经成功转变成localhost:8080/static/mock/index.json了

2019-05-23

共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程

相似问题

【已解决】报错504

回答 1

项目运行之后报错

回答 2

一运行就报整错，哪位大哥解释下这个是什么错误？怎么解决？谢谢！

回答 1

Vue3.0升级报错

回答 2

proxyTable设置无效，报500错误

回答 2

打开慕课网App查看更多内容