Vue中跨域环境下动态加载图片失败的解决方案
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文探讨了在Vue项目开发过程中遇到的跨域环境下载图难题，并提供了有效的解决策略与实现方法。
在开发Vue应用时，为了访问后端接口需要配置请求转发。如果直接将所有请求都进行转发的话，那么Vue动态绑定的`src`属性也会被一同转发到后端服务器上。由于图片资源实际上存储于前端环境中，在这种情况下会收到404 NOT FOUND错误。
在使用vue-cli3时，可以编辑项目的`vue.config.js`文件来进行常规的请求代理配置：
```javascript
let proxyObj = {};
proxyObj[/api] = {
ws: false,
target: http://localhost:8023, // 后端地址
changeOrigin: true,
pathRewrite: { ^/: }
};
module.exports = {
devServer: {
proxy: proxyObj
}
}
```
注意，这里只是示例配置，并需要根据实际项目需求调整路径和后端服务的URL。
全部评论 (0)
还没有任何评论哟~
