vue 的常用配置详解

这篇文章讲一下一些常用的配置,用的是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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞