有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

Vue 解决跨域方法

vue cat 5个月前 (05-01) 34次浏览 已收录 0个评论 扫描二维码

当我们遇到请求后台接口遇到 Access-Control-Allow-Origin 时,那说明跨域了

Vue中解决跨域常用方法:

1、在vue.config.js中设置如下代码片段

module.exports = {
  dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: { // 配置跨域
    '/api':{
        target:'https://www.paozha.net', //请求后台接口
        changeOrigin:true, // 允许跨域
        pathRewrite:{
            '^/api' : 'https://www.paozha.net' //请求后台接口
        }
    }
  },
}

配置完毕一定要重启脚手架,就是前端server

喜欢 (0)
cat
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址