Vue 项目解决跨域问题

最新推荐文章于 2024-09-30 08:00:00 发布

天渺工作室

最新推荐文章于 2024-09-30 08:00:00 发布

阅读量388

点赞数

分类专栏： Js vue 跨域文章标签：跨域 vue VUE跨域

本文链接：https://blog.csdn.net/sinat_37255207/article/details/108514513

版权

vue 同时被 3 个专栏收录

38 篇文章 0 订阅

订阅专栏

23 篇文章 0 订阅

订阅专栏

跨域

1 篇文章 0 订阅

订阅专栏

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 配置的方法