技术栈

vite+vue3+ts解决跨域问题

SGdan_qi2023-10-22 8:27

一、在vite.config.ts文件中添加如下代码:

typescript 复制代码
export default defineConfig({
  server: {
    proxy: {
      '/api': {
        target: 'http://localhost/', // 实际请求地址
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ""),
      },
    },
  }
})

二、修改axios.ts文件中的baseURL

typescript 复制代码
const service = axios.create({
    baseURL: '/api',
})
上一篇:WebSocket的入门秘籍?
下一篇:2.4 如何在FlinkSQL使用DataGen(数据生成器)
相关推荐
清风细雨_林木木
37 分钟前
Vue 2 项目中配置 Tailwind CSS 和 Font Awesome 的最佳实践
前端·css·vue.js
逊嘘
40 分钟前
【Web前端开发】CSS基础
前端·css
小宁爱Python
40 分钟前
深入掌握CSS Flex布局:从原理到实战
前端·javascript·css
Attacking-Coder
1 小时前
前端面试宝典---webpack面试题
前端·面试·webpack
极小狐
1 小时前
极狐GitLab 容器镜像仓库功能介绍
java·前端·数据库·npm·gitlab
程序猿阿伟
1 小时前
《Flutter社交应用暗黑奥秘:模式适配与色彩的艺术》
前端·flutter
rafael(一只小鱼)
2 小时前
黑马点评实战笔记
前端·firefox
weifont
2 小时前
React中的useSyncExternalStore使用
前端·javascript·react.js
初遇你时动了情
2 小时前
js fetch流式请求 AI动态生成文本,实现逐字生成渲染效果
前端·javascript·react.js
影子信息
2 小时前
css 点击后改变样式
前端·css
热门推荐
01【分布式】Hadoop完全分布式的搭建(零基础)02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑03KGG转MP3工具|非KGM文件|解密音频04YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】05【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!06Coze扣子平台完整体验和实践(附国内和国际版对比)07DeepSeek各版本说明与优缺点分析08苍穹外卖面试总结09西电B测-计算机网络综合实验(含验收问题)10组基轨迹建模 GBTM的介绍与实现(Stata 或 R)