vue3elementplus文件上传跨域问题
时间: 2023-09-13 11:07:35 浏览: 489
Vue项目中跨域问题解决方案
5星 · 资源好评率100%
如果你在使用 Vue3 + Element Plus 进行文件上传时遇到跨域问题,可以尝试以下方法解决:
1. 在服务端设置允许跨域访问的响应头,例如设置 "Access-Control-Allow-Origin" 为 "*" (不安全)或指定特定的域名。
2. 在前端发送请求时,设置 withCredentials 为 true,例如:
```
axios.post(url, formData, {
withCredentials: true
})
```
3. 如果仍然存在跨域问题,可以使用 Vue3 的代理功能来解决。在 vue.config.js 文件中添加以下配置:
```
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
```
这样,所有以 /api 开头的请求就会被代理到 http://localhost:3000 上,从而避免跨域问题。
阅读全文