vite遇见跨域怎么解决

简介: vite遇见跨域怎么解决

1、找到vite.config.js

2、 找到defineConfig下面的server

proxy: {
      '/代理名称/': {
        target: '地址......',
        changeOrigin: true,
        // rewrite: (path) => path.replace(/^\/代理名称/, ''),
      },
    },

3、在axios里面请求

axios({
        url: '路径......',
        method: 'POST',
        params: {
        }
    })

4、问题就得到了解决

相关文章
【Vite】Vite设置好了Proxy,但接口却404!解决方案来了!
前言 最近在做一个Vue3+Vite+TypeScript的项目,进行一番网上冲浪后,参考了众多🐴友的方案,配置完vite.config.ts准备开始与后端的同学开始联调,发现无论怎么样都是404,然后就开始了一步步的排查!
6336 0
|
存储 JavaScript 安全
阿里 OSS图片上传 —— 原生JS中使用
这是最近开发遇到的一个坑,"可爱"的前辈们留下来的宝贵财产,很不幸的是,一行注释都没给,所以开心(被迫)的去研究了一下文档. 然而发现官方文档又臭又长,于是自己捣鼓了下,总算是搞出来了.
1474 0
阿里 OSS图片上传 —— 原生JS中使用
|
4月前
|
定位技术 网络安全 数据安全/隐私保护
部署Halo开源建站工具
Halo是一款强大易用的开源建站工具,拥有丰富的主题模板与插件,可以快速帮助您构建理想的网站。本文主要介绍使用Halo应用镜像快速部署Halo开源建站工具。
|
小程序 JavaScript 开发工具
Uniapp 对接抖音短剧播放器 video-player 坑点解决
Uniapp 对接抖音短剧播放器 video-player 坑点解决
636 1
|
数据格式
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧,包括多列合并和单列合并的方法,并提供了相应的示例代码和运行效果。
9831 1
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
|
安全 API
vite 中配置代理
【10月更文挑战第5天】
1722 61
|
10月前
|
前端开发 JavaScript Java
前端解决axios请求的跨域问题【2步完成】
本文介绍如何通过前端配置解决跨域问题,主要针对Vue项目中的`vite.config.js`文件进行修改。作者在联调过程中遇到跨域报错
526 1
Vue3面包屑(Breadcrumb)
该Breadcrumb组件允许自定义设置多个属性,包括路由数组、面包屑类名和样式、文本最大显示宽度、分隔符及样式、以及目标URL的打开方式。通过这些配置项,可以轻松实现不同样式的面包屑导航。组件支持点击跳转,并且能够处理带查询参数的路径。在线预览展示了其丰富的定制功能。可通过引入并在页面中使用该组件来快速构建导航结构。
430 1
Vue3面包屑(Breadcrumb)
|
NoSQL 网络安全 Redis
Redis 密码设置和查看密码
【7月更文挑战第28天】
3918 3