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 一样的

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)=>{
        }
      })
 
...

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