Vue 项目解决跨域问题

vue 项目中解决接口跨域的方法

1.简单粗暴直接用jquery 的jsonp 来调用跨域跨域接口

直接npm install vue-jsonp --save 安装依赖

import Vuejsonp from'vue-jsonp;

//在mian.js 中实例化一次 

Vue.use(Vuejsonp)

//请求方法
this.$jsonp.then((e)=>{});

//其实这个插件就是用的jquery的jsonp 和用jquery 一样的

image.gif

2.如果本地引用了jquery,那直接用jq 就行

引用方法https://www.cnblogs.com/xiaobai-y/p/10564823.html

import $ from 'jquery';

...

    gaodeMapLongitudeAndLatitude(){

      var that = this
      $.ajax({
        type: 'get',
        url: "跨域接口",
        dataType: 'jsonp',
        success: (res)=>{

        },  
        error:(xhr, textStatus, errorThrown)=>{
        }
      })

...

image.gif

webpack 中的 proxyTable 代理方法只能用于测试时,正式打包以后 不配置 服务器nginx 仍然是没用的，所以不推荐webpack 配置的方法