前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >vue实现跨域请求的设置

vue实现跨域请求的设置

作者头像
朱季谦
发布于 2019-09-18 06:44:31
发布于 2019-09-18 06:44:31
1.5K00
代码可运行
举报
运行总次数:0
代码可运行

vue实现跨域请求,需要在vue.config.js里添加以下设置

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
     proxy: {
      '/service/rest': {    
        target: 'http://localhost:8080/autotable/service/rest',
        ws: true,
        changeOrigin: true,
        pathRewrite:{
            '^/service/rest':''
        }
    }
  }

其中 ,将changeOrigin设置为true,就不会存在无法跨域请求的问题了。

然后就可以直接在下面引用axios调用了。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import axios from '@/api/api';
export default {
    userList(params) {
        return axios.post('service/rest/api/user/logincode', params);
    },
  
};
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-08-12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
在Vue项目中配置代理来解决跨域问题
在Vue项目中配置代理来解决跨域问题非常简单。可以使用Vue的开发服务器来代理API请求。
王小婷
2023/09/22
2.2K0
vue跨域解决方案之–proxy代理
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/15
5651
vue跨域解决方案之–proxy代理
vue axios跨域问题的三种解决方案_vue如何实现跨域
大家好,又见面了,我是你们的朋友全栈君。 vue3为例: 【vue.config.js】文件,目录里面没有的话需要真机创建 代理的它通俗意思:我这里设置api意思就是在遇到于/api开始的接口的时候,间本地地址转化为接口地址 如:http://localhost:8080/api 等价于 http://123.123.122.166:3101 module.exports = { devServer: { proxy: { '/api': {
全栈程序员站长
2022/10/03
1.1K0
vue axios跨域问题的三种解决方案_vue如何实现跨域
一篇文章带你了解axios网络交互-Vue
什么是axios呢?了解,并去使用它,对于axios发送请求的两种方式有何了解,以及涉及axios跨域问题如何解决。
达达前端
2019/12/24
1K0
一篇文章带你了解axios网络交互-Vue
vue跨域配置
跨域这个词,对前端程序员来说,可谓是屡见不鲜。正好最近在做项目时,又遇到了跨域问题,无奈只能继续去网上查询资料来查看vue如何进行配置。为了方便,最终决定自力更生,自己总结一番,省的之后遇到跨域问题去网上各种查询,浪费时间。
用户6256742
2024/08/13
1110
vue跨域配置
解决Vue跨域的问题
如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。
子润先生
2021/06/23
1.1K0
vue跨域解决的几种方案「建议收藏」
平时使用vue开发的时候,大多会使用vue-cli搭建项目,在vue-cli搭建的项目中有一个配置文件vue.config.js,可以在该文件中进行相应的配置解决开发环境的跨域问题。 第一步设置公共url
全栈程序员站长
2022/11/15
4.6K0
vue3.0 微应用数据请求跨域配置
当前存在以vue2.6 开发的单例应用, 我们希望使用qiankun ,将该应用转微应用结构。
copy_left
2020/11/13
1K0
vue引入vant_vueaxios跨域请求
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/10
3830
vue引入vant_vueaxios跨域请求
vue 解决跨域问题(开发环境)[通俗易懂]
不同源就是跨域,比如你的前端为localhost:9528,后端为localhost:8080,此时前端去访问后端接口就会产生跨域问题,因为端口不同。
全栈程序员站长
2022/11/04
5.2K1
axios请求,跨域问题,设置跨域代理
生成一个vue项目之后,开始写请求,请求数据,渲染到前端界面,有时候直接请求服务器上的接口,会遇到跨域问题,遇到跨域的时候,需要设置跨域代理~
王小婷
2020/05/18
6.3K0
axios请求,跨域问题,设置跨域代理
Vue解决axios跨域--代理服务器解决
是因为浏览器的同源策略引起的,是浏览器加的安全限制 -- 所以我们需要去解决这个问题
打不着的大喇叭
2024/03/11
2880
Vue解决axios跨域--代理服务器解决
vue封装axios请求工具类
以勇气面对人生的巨大悲恸,用耐心对待生活的小小哀伤。——雨果 首先安装 # axios cnpm i --save axios # 格式化参数插件 cnpm i -- save qs # 对象合并插件 cnpm i -- save lodash # cookie操作 cnpm i -- save vue-cookie 然后我们自己封装一个请求组件 首先创建文件 然后放入我们的代码。。。 import axios from 'axios' import qs from 'qs' import
阿超
2022/08/16
1.1K0
vue封装axios请求工具类
面试官:跨域是什么?Vue项目中你是如何解决跨域的呢?
同源策略(Sameoriginpolicy),是一种约定,它是浏览器最核心也最基本的安全功能
@超人
2021/02/26
1.7K0
面试官:跨域是什么?Vue项目中你是如何解决跨域的呢?
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
<font color='red'>1.xhr</font> newXMLHttpRequest()
刘大猫
2024/10/23
1500
解决 Vue 使用 Axios 进行跨域请求的方法详解
在开发现代 Web 应用时,前端和后端通常分离部署在不同的服务器上,这就会引发跨域请求问题。浏览器的同源策略(Same-Origin Policy)会阻止跨域请求,除非后端服务器配置了允许跨域请求的 CORS(Cross-Origin Resource Sharing)头。本文将详细介绍如何在 Vue 项目中使用 Axios 发起跨域请求时解决跨域问题。
繁依Fanyi
2024/08/02
2.3K0
vue-cli-3.0 axios 配置 转
参考:[https://www.jianshu.com/p/b22d03dfe006]
双面人
2019/04/10
1.7K0
vue.cli项目封装全局axios,封装请求,封装公共的api和调用请求的全过程[通俗易懂]
在做vue中大型项目的时候,官方推荐使用axios,但是原生的axios可能对项目的适配不友好,所以,在工程开始的来封装一下axios,保持全项目数据处理的统一性。此文主要讲在vue-cil项目中如何封装axios,封装请求,封装公共的api,页面如何调用请求。
全栈程序员站长
2022/06/30
3.6K0
SpringBoot与Vue交互解决跨域问题【亲测已解决】
最近在利用springboot+vue整合开发一个前后端分离的个人博客网站,所以这一篇总结一下在开发中遇到的一个问题,关于解决在使用vue和springboot在开发前后端分离的项目时,如何解决跨域问题。在这里分别分享两种方法,分别在前端vue中解决和在后台springboot中解决。
灰小猿
2021/12/17
2K0
SpringBoot与Vue交互解决跨域问题【亲测已解决】
vue vuecli3 前端解决跨域问题
指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。
kirin
2020/07/28
1K0
推荐阅读
相关推荐
在Vue项目中配置代理来解决跨域问题
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验