vue3+vite解决跨域

最新推荐文章于 2025-05-12 23:36:48 发布

brant_yan

最新推荐文章于 2025-05-12 23:36:48 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js vite

本文链接：https://blog.youkuaiyun.com/daaoke/article/details/117969391

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在根目录下建立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/, '')
        }
    }
}