axios跨域解决方案

axios跨域解决方案问题还原:以上是axios.get的url常规写法;会出现跨域报错解决如下:底料:安装所需中间件和插件等,比如axios,node工具http-proxy-middleware等。一,在main.js中,配置数据所在服务器的前缀(即固定部分),代码如下:importaxiosfrom’axios’Vue.prototype.$axios=…

问题还原:

axios跨域解决方案

 

 以上是axios.get 的url常规写法 ;会出现跨域报错

解决如下:

底料:

安装所需中间件和插件等,比如axios,node工具http-proxy-middleware等。

一 ,在main.js中,配置数据所在服务器的前缀(即固定部分),代码如下:

import axios from ‘axios’

 

Vue.prototype.$axios = axios

axios.defaults.baseURL = ‘/api’

Vue.config.productionTip = false

axios.defaults.baseURL = ‘/api’,作用是我们每次发送的请求都会带一个/api的前缀。

 

二,在config文件夹下的index.js文件中的proxyTable字段中,作如下处理:

dev: {

    env: require(‘./dev.env’),
    port: 8090,
    autoOpenBrowser: true,

今天的文章axios跨域解决方案分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:http://bianchenghao.cn/28032.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注