Vue-cli 3.0 构建项目(二)设置接口代理

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wildye/article/details/81141248
  • vue.config.js
    vue.config.js是一个可选的配置文件,新建该文件,存放在项目根目录(将自动加载)中
// 作为配置文件,直接导出配置对象即可
module.exports = {
    devServer: {
        // 设置主机地址
        host: 'localhost',
        // 设置默认端口
        port: 8080,
        // 设置代理
        proxy: {
            '/api': {
                // 目标 API 地址
                target: 'http://192.168.6.163:8080/',
                // 如果要代理 websockets
                ws: true,
                // 将主机标头的原点更改为目标URL
                changeOrigin: false
            }
        }
    }
}
  • 调用示例
axios.defaults.baseURL = '/api/'
展开阅读全文

没有更多推荐了,返回首页