在Vue项目中配置proxy不生效的问题,可能是由多种原因导致的。以下是一些常见的解决步骤和检查点,帮助你逐一排查并解决问题: 检查vue.config.js文件是否存在并正确配置proxy 确保你的项目中存在vue.config.js文件,并且在该文件中正确配置了devServer.proxy。以下是一个正确的配置示例: javascript module.exports = {...
exports = { devServer: { host: '0.0.0.0', port: port, open: true, proxy: { // detail: https://cli.vuejs.org/config/#devserver-proxy '/hie': { target: 'http://192.168.17.77:7003', changeOrigin: true } }, disableHostCheck: true } } 然后如果你使用的是 axios 就可以这样设置。
原因:就是因为/api在前面,先匹配了/api,例如访问/api2/test,由于先匹配了/api所以重写/api为空字符串后,路径变为了2/test,自然就不对了 解决:把/api2放在/api前面,让api2先匹配到,或者取名叫/api2,让其无法先匹配到/api webpack代理---pathRewrite 今天遇到个问题,前提是项目是我本地有一份后端,端口号...
根据我们这里配置的 proxy, 带有 /api 的请求路径就需要进行代理,且 /api/aa/bb/cc 路径中含有 /api ,所以该请求就需要代理。 将路径当做字符串执行, "/api/aa/bb/cc".replace(/^\/api/, "") 执行结果: /aa/bb/cc 最终的请求路径变成了 http://localhost:3000/aa/bb/cc 不含/api; 而axios.get...
所以devServer 就可以这样配置: // vue.config.js const port = process.env.port || process.env.npm_config_port || 8000 // 端口 module.exports = { devServer: { host: '0.0.0.0', port: port, open: true, proxy: { // detail: https://cli.vuejs.org/config/#devserver-proxy '/hie':...
}, proxy:{ '/hie':{ target:'http://192.168.17.77:7003', changeOrigin: true, } } }, } 可能是哪里配错了,但我看不出问题,希望有人能指出ps:之前看到有帖子说vue2该配置项名为proxyTable,还有devServer应为dev,这两个我都试过了,前者提示没有该配置项 ...
({// 该 svg-sprite-loader 的配置 symbolId:'icon-[name]' }) .end() }, devServer:{ client:{ overlay: false }, proxy:{ '/hie':{ target:'http://192.168.17.77:7003', changeOrigin: true, } } }, } 可能是哪里配错了,但我看不出问题,希望有人能指出ps:之前看到有帖子说vue2该配置项...