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',
})
相关推荐
u0111026755 分钟前
WebP 转成 PNG 后为什么更大?图片格式转换不等于压缩
前端·javascript·vue.js
万少6 分钟前
Qoder sonus模型 20分钟,复刻 马斯克 飞天汽车
前端·后端·算法
seconp23 分钟前
基于Spring Boot和Vue 3的智慧旅游网站:住宿预订、行程规划与千问接入
vue.js·spring boot·毕业设计·软件工程·课程设计·旅游·毕设
java1234_小锋28 分钟前
【技术专题】HTML5 网页技术 - HTML5 列表标签
前端·html·html5
强二小哥帅30 分钟前
Kotlin 协程复习笔记
前端
不可能片场32 分钟前
工程实践 原子替换改了 ctime 怎么修
前端·electron
暧暧内含光33 分钟前
HTTP 文件传输体系全解:从协议标头、OSS 架构到流媒体分片
前端
静默回滚34 分钟前
浏览器能显示AVIF,却导不出一张AVIF
前端
小皮虾39 分钟前
小程序全局状态还能这么简单?只需初始化一次,页面自动同步
前端·javascript·微信小程序
用户8186180280043 分钟前
RESTful API 设计规范与版本演进
前端