vite+vue3+ts解决跨域问题

一、在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',
})
相关推荐
两个西柚呀16 小时前
未在props中声明的属性
前端·javascript·vue.js
子伟-H519 小时前
App开发框架调研对比
前端
桃子不吃李子19 小时前
axios的二次封装
前端·学习·axios
SteveJrong19 小时前
面试题 - JavaScript
前端·javascript·面试·ecmascript·基础·找工作·红宝书
阿金要当大魔王~~19 小时前
uniapp 页面标签 传值 ————— uniapp 定义 接口
前端·javascript·uni-app·1024程序员节
全栈软件开发20 小时前
uniapp三端影视源码苹果cms自动采集电影视频网站源码前端源码带VIP
前端·uni-app·影视源码
chxii20 小时前
10.4FormData :前端文件上传与表单数据处理的核心工具
前端
AntBlack20 小时前
不当韭菜 : 好像真有点效果 ,想藏起来自己用了
前端·后端·python
楊无好20 小时前
react中props的使用
前端·react.js·前端框架
一个处女座的程序猿O(∩_∩)O21 小时前
Vue-Loader 深度解析:原理、使用与最佳实践
前端·javascript·vue.js