本文介绍了在webpack配置中如何处理接口地址代理以解决跨域问题。在本地开发时，由于接口地址与本地服务器地址不同，会出现跨域请求失败的情况。在vue项目的vue.config.js中设置proxyTable，通过在接口地址前加上/api作为匹配项，实现前端本地请求（如http://localhost:8080/api/save/post）转发到代理接口（如http://www.xxx.com/api/save/post）。这种方法已被验证有效。
1.webpack配置接口地址代理
解释：
在项目开发中，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问链接，但是我们的接口地址是 http://www.xxx.com/save/post 这样的，我们这样直接使用就会存在跨域的请求，导致接口请求不成功。
2.vue中webpack的跨域配置：
(1) 我们打开对应的配置文件：例如 vue.config.js
devServer: {
proxy: {
"/api": {
target: "http://www.xxx.com", //对应自
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
