vue3.0代理方法

Posted zhupanpan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3.0代理方法相关的知识,希望对你有一定的参考价值。

在根目录下新建一个文件夹vue.config.js,注意根目录是技术图片,而不是src路径,然后请求技术图片

 

 

 

module.exports = {
  lintOnSave:false, 
  devServer: {
    overlay:{
      warning:false,
      errors:false
  },
    proxy: { 
      ‘/api‘: {
        // target: ‘http://172.16.15.27:8081‘,
        target: ‘http://172.16.15.159:8080/‘, 
        secure: false, // false为http访问,true为https访问
        changeOrigin: true, // 跨域访问设置,true代表跨域
        ws: true,
        pathRewrite: { // 路径改写规则
          ‘^/api‘: ‘‘ // 以/proxy/为开头的改写为‘‘
        }
      }
    }
  }
}

  

以上是关于vue3.0代理方法的主要内容,如果未能解决你的问题,请参考以下文章

Vue3.0底层原理详解

Vue3.0 代理解决跨域

vue3.0-axios拦截器proxy跨域代理

Vue3.0响应式实现

Vue3.0 的新特征 | Vue3.0 面试题总结

vue3.0 微应用数据请求跨域配置