vue.config.js跨域配置

最新推荐文章于 2024-08-21 08:39:22 发布

原创最新推荐文章于 2024-08-21 08:39:22 发布 · 803 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js

Vue 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在Vue项目中配置vue.config.js文件实现项目启动自动打开浏览器、指定端口及主机名、HTTPS设置以及API请求代理，以解决跨域问题。

1.首先，项目根目录新建vue.config.js文件
2.其次，配置如下代码：

module.exports = {
    devServer: {
    	open: true,
        port: port,
		host: '0.0.0.0',
        https: false,
        proxy: {
            '/api': { //用/api代替服务端真实地址
                target: `http://localhost:8888`, //服务端真实地址
                changeOrigin: true, //运行跨域
                pathRewrite: {
                    '^/api': '' //请求的时候，地址重写
                }
            }
        }
    }