vue3打包时出现跨域问题
时间: 2023-09-06 12:12:35 浏览: 186
vue打包使用Nginx代理解决跨域问题
5星 · 资源好评率100%
Vue3 打包时出现跨域问题,可能是因为 Vue3 在打包时会将静态资源(如图片、字体等)转换为 base64 编码,导致跨域问题。解决方法有以下几种:
1. 在 vue.config.js 中配置 publicPath,将其设置为绝对路径,如下:
```
module.exports = {
publicPath: 'http://www.example.com/static/'
}
```
2. 在服务器端配置 CORS(跨域资源共享)规则,允许跨域访问静态资源。
3. 将静态资源放在与主域名相同的域名下,如使用 CDN 加速。
希望以上方法能够帮助你解决问题。如果还有疑问,请随时问我。
阅读全文