如何解决跨域问题

71 阅读1分钟

跨域产生的原因: image.png

1 配置环境变量 自定义端口号

image.png

2 二次封装axios (创建axios实例,设置基地址,添加拦截器 ,并暴露出去)

基地址 不要写死了 (一般以环境变量为准 如果没有环境变量 ,就以配置的代理服务器为准) image.png

步骤 : 1 先2次封装axios 2 设置基地址为接口地址 3 配置代理服务器 4 配置环境变量 VUE_APP_BASE_API = '/api' 和端口号:port = 9999 5 重新设置axios的基地址 为process.env.VUE_APP_BASE_API (process.env是固定写法 后面的.VUE_APP_BASE_API 是根据环境的需要自动切换生成和开发的 )