vue3+vite跨域问题

最新推荐文章于 2024-09-30 08:00:00 发布

你长不高了

最新推荐文章于 2024-09-30 08:00:00 发布

阅读量1k

点赞数 1

分类专栏： vue3 文章标签： vue.js 前端前端框架 javascript

本文链接：https://blog.csdn.net/qq_50264717/article/details/125341983

版权

本文介绍了在Vue3项目中，使用Vite配置跨域的方法。重点是在vite.config.js文件中进行设置，而非传统的vue.config.js。通过代理解决开发过程中API请求的跨域问题，需注意在调试时观察Network面板中实际请求的URL。

摘要由CSDN通过智能技术生成

需要注意的是要在vite.config.js中操作，不是再去创建vue.config.js后一顿操作了（我就这么干过☹）

vite.config.js文件中

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';

export default defineConfig({
    plugins: [vue()],
    resolve: {
        alias: {
            '@': resolve(__dirname, 'src'),
        },
    },
    server: {    //代理
        cors: true,
        open: true,
        proxy: {
            '/dome': {    //当拦截到"/dome"时，target中的地址就会将其替换，组成真正的接口
                //真正的接口（也就是拿数据的接口）：http://geneplayer.io/api/userexists?username=666666
                target: 'http://geneplayer.io/api',   //
                changeOrigin: true,
                rewrite: (path) =&