vue跨域

最新推荐文章于 2024-09-21 11:34:18 发布

zmyalh

最新推荐文章于 2024-09-21 11:34:18 发布

阅读量175

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/zmyalh/article/details/114824521

版权

在vue.cinfig.js配置文件中配置

module.exports = {
  publicPath: './',
  lintOnSave: false,
  devServer: {
    disableHostCheck: true,//允许穿透
    proxy: {  //配置跨域
      '/api': {
        target: 'http://127.0.0.1:7002/',  //这里后台的地址模拟的;应该填写你们真实的后台接口
        changOrigin: true,  //允许跨域
        pathRewrite: {
        //   /* 重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8080/api/core/getData/userInfo 时
        //     实际上访问的地址是：http://127.0.0.1:7002/core/getData/userInfo,因为重写了 /api
        //    */
          '^/api': '' 
        }
      },
    },
    port: 4000,  // 此处修改你想要的端口号，
    compress: true, // 自动压缩
		open: true, // 自动打开浏览器
		inline: true, // 页面自动刷新
		hot: true //热更新,实时更新
  }
}