Vue3.0开发环境跨域代理

最新推荐文章于 2024-06-26 15:52:14 发布

不许动一二三

最新推荐文章于 2024-06-26 15:52:14 发布

阅读量370

点赞数

分类专栏： Vue 文章标签： vue.js html javascript

本文链接：https://blog.csdn.net/yuanqi3131/article/details/120528517

版权

Vue 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

Vue2.0:
vue.config.js文件下配置

devServer: {
        port: 8080, // 端口号
        host: "0.0.0.0",
        https: false, // https:{type:Boolean}
        open: false, //配置自动启动浏览器
        proxy: {
            "/api": {
                target: "", //对应自己的接口URL
                changeOrigin: true,
                ws: false,
                pathRewrite: {
                    "^/api": "",
                },
            },
        },
    },

Vue3.0：
vite.config.js文件下配置

import vue from '@vitejs/plugin-vue'

export default {
    base: './',
    plugins: [vue()],
    optimizeDeps: {
        include: ['schart.js']
    },
    server: {
        proxy: {
            '/api': {
                target: 'http://localhost:7000/', //对应自己的接口URL
                ws: false,
                changeOrigin: true,
                rewrite: (path) => path.replace(/^\/api/, '')
            }
        }
    }
}