网络编程
位置:首页>> 网络编程>> JavaScript>> Vue开发环境跨域访问问题

Vue开发环境跨域访问问题

作者:芋头猪爸爸  发布时间:2023-07-02 17:07:34 

标签: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开发环境跨域访问问题,希望对大家有所帮助!

来源:https://www.cnblogs.com/wangpeili/archive/2020/01/21/12221160.html

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com