Vue开发环境跨域访问问题

 更新时间:2020年01月22日 08:36:11   作者:芋头猪爸爸  
这篇文章主要介绍了Vue开发环境跨域访问问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

Vue开发环境跨域访问其他服务器或者本机其他端口,需要配置项目中config/index.js文件,修改如下

module.exports = {
 dev: {

  // Paths
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',
  proxyTable: {
   '/api':{
    target:'http://192.168.1.99:8080/',
    changeOrigin:true,
    pathRewrite:{
     '^/api':''
    }
   }
  },

其中主要是加入

 proxyTable: {
   '/api':{
    target:'http://192.168.1.99:8080/',
    changeOrigin:true,
    pathRewrite:{
     '^/api':''
    }
   }
  }

这样你通过axios 或fetche访问  /api/** 便相当于跨域访问了 http://192.168.1.99:8080/

总结

以上所述是小编给大家介绍的Vue开发环境跨域访问问题,希望对大家有所帮助!

相关文章

  • 关于vite+vue3打包部署问题

    关于vite+vue3打包部署问题

    这篇文章主要介绍了关于vite+vue3打包部署问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • 使用vant的地域控件追加全部选项

    使用vant的地域控件追加全部选项

    这篇文章主要介绍了使用vant的地域控件追加全部选项,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue中的文本空格占位符说明

    vue中的文本空格占位符说明

    这篇文章主要介绍了vue中的文本空格占位符说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • vue 中url 链接左边的小图标更改问题

    vue 中url 链接左边的小图标更改问题

    这篇文章主要介绍了vue 中url 链接左边的小图标更改问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • Vue之监听数据的原理详解

    Vue之监听数据的原理详解

    这篇文章主要为大家介绍了Vue之监听数据的原理,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助<BR>
    2021-11-11
  • vue+element实现动态加载表单

    vue+element实现动态加载表单

    这篇文章主要为大家详细介绍了vue+element实现动态加载表单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • vue将对象新增的属性添加到检测序列的方法

    vue将对象新增的属性添加到检测序列的方法

    下面小编就为大家分享一篇vue将对象新增的属性添加到检测序列的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • vue项目的创建的步骤(图文教程)

    vue项目的创建的步骤(图文教程)

    本文主要介绍了vue项目的创建的步骤(图文教程),文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • 使用vue实现pdf预览功能的方法

    使用vue实现pdf预览功能的方法

    许多朋友想要材料上传之后点击预览实现在浏览器上预览的效果,所以本文将给大家介绍如何使用vue实现pdf预览功能,文中有实现代码,有需要的朋友可以参考阅读下
    2023-08-08
  • vue3 setup中defineEmits与defineProps的使用案例详解

    vue3 setup中defineEmits与defineProps的使用案例详解

    在父组件中定义String、Number、Boolean、Array、Object、Date、Function、Symbol这些类型的数据,使用defineEmits会返回一个方法,使用一个变量emits(变量名随意)去接收,本文给大家介绍vue3 setup中defineEmits与defineProps的使用案例,感兴趣的朋友一起看看吧
    2023-10-10

最新评论