vue 的常用配置详解

2024年3月23日 159次阅读 来源: lackdata

这篇文章讲一下一些常用的配置，用的是vue-cli 3

1.代理配置， 解决问题： 跨域

在项目的根目录下新建一个vue.config.js(如果有请忽视)
比如说，现在服务器地址是 192.168.1.22:8000 。

然后再 module.exports 的对象里面写下 以下 代码

module.exports = {
    devServer: {
        proxy: {
            '/api'：'http://192.168.1.22:8000',
            changeOrigin: true,
            pathRewrite: {
                '^/api': ''
            }
        }
    }
}

这段代码的意思是 检测 浏览器发出的请求，
如果是以 api开头的，那么采用代理，代理到 192.168.1.22 ，
或者可以理解成 localhost:xxxx/api/….. 会去 请求 192.168.1.22/….
这边有个参数叫 pathRewrite， 是用来重写路径的
这里把 以 api 开头的那部分改写成 ‘’ 服务器对于localhost:xxxx/api/test -> 会去请求192.168.1.22/test

    原文作者：lackdata
    原文地址: https://segmentfault.com/a/1190000020096796
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞