vue3+vite解决跨域

最新推荐文章于 2025-10-14 11:35:04 发布

原创最新推荐文章于 2025-10-14 11:35:04 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #vite

该博客介绍了如何在Vite配置文件中设置主机名、端口以及反向代理，特别是针对'/index.php'的路径进行代理到'http://club.kdslife.com/index.php'，并实现跨域访问。这个配置对于前端开发者在本地开发环境中模拟API请求非常有用。

在根目录下建立vite.config.js.内容设置如下即可

const path = require('path')

module.exports = {
    hostname: '0.0.0.0',//允许本机
    port: 3000,//设置端口
    // 反向代理
    proxy: {
        '/index.php': {
            target: 'http://club.kdslife.com/index.php',
            changeOrigin: true,//设置访问目标地址允许跨域
            rewrite: path => path.replace(/^\/index/, '')
        }
    }
}