zoukankan      html  css  js  c++  java
  • vue中解决跨域问题

    之前的接口不能用了,临时找了个聚合的接口,发现一直调用不出来,试了好久好久,自我怀疑,自我否定又走一波,最后发现是跨域问题,问了朋友最后弄好了,把自己的一知半解写下来吧,防止以后遗忘。

    在config.js文件下写下面的代码(没有config.js找vue.config.js也行)

    module.exports = {
    	publicPath:'',
    	devServer: {
    		// 解决跨域问题
    		proxy:{
    			'/api': {
    				target: 'http://v.juhe.cn/toutiao/index',
    				pathRewrite:{
    					'^/api':''  //api前面的内容为空
    				}
    		}
    		}
    	}
    }
    

    main.js中之前的缩写要关掉

    // 引入接口方法
    import axios from 'axios'
    Vue.prototype.axios=axios
    // 接口缩写
    // axios.defaults.baseURL='/api'
    

    最后应用如下

    // 引入接口方法
    import axios from 'axios'
    Vue.prototype.axios=axios
    // 接口缩写
    // axios.defaults.baseURL='/api'
    

    时间关系,先写这么多

  • 相关阅读:
    4.6--4.9
    4.表达式和运算符
    3.9--3.10
    3.8
    泛型(Generic)
    容器
    String,StringBuffer
    数组
    异常,自定义异常,异常重写
    多态,抽象类和抽象方法,接口
  • 原文地址:https://www.cnblogs.com/wszzj/p/12912513.html
Copyright © 2011-2022 走看看