Open zhangyang1997 opened 2 years ago
经过尝试,发现必须经过以下操作才能使用前端代理解决跨域。
1.移除mock 注释vue.config.js // before: require('./mock/mock-server.js') 注释main.js // if (process.env.NODE_ENV === 'production') { // const { mockXHR } = require('../mock') // mockXHR() // } 2.修改.env.development VUE_APP_BASE_API = '' 3.vue.config.js中增加proxy proxy: { // localhost:9528<->localhost:8080 // detail: https://cli.vuejs.org/config/#devserver-proxy [process.env.VUE_APP_BASE_API]:{ target: 'http://localhost:8080', changeOrigin: true, pathRewrite: { ['^' + process.env.VUE_APP_BASE_API]: '' } } },
1.不理解为何.env.development中VUE_APP_BASE_API必须为空,proxy才起作用? 2..env.development中的VUE_APP_BASE_API和vue.config.js中的process.env.VUE_APP_BASE_API有何区别?
烦请解答,或提示需要去学习哪一部分内容,谢谢!
Question(提问)
Steps to reproduce(问题复现步骤)
经过尝试,发现必须经过以下操作才能使用前端代理解决跨域。
1.不理解为何.env.development中VUE_APP_BASE_API必须为空,proxy才起作用? 2..env.development中的VUE_APP_BASE_API和vue.config.js中的process.env.VUE_APP_BASE_API有何区别?
烦请解答,或提示需要去学习哪一部分内容,谢谢!
Other relevant information(格外信息)