博客
关于我
vue项目配置文件vue.config.js中devServer.proxy 使用说明
阅读量:353 次
发布时间:2019-03-04

本文共 1137 字,大约阅读时间需要 3 分钟。

devServer.proxy 说明

在前后端分离的项目中,通常前端应用和后端API 服务器没有运行在同一个主机上;在开发环境下将API 请求代理到API 服务器可以通过 vue.config.js 中的 devServer.proxy 选项来配置;

module.exports = {     devServer: {     	host:'0.0.0.0,  	port: 2000,  	open: true,    proxy: {         '/api': 'http://localhost:3000',    },  }}

现在,对 http://localhost:2000/api/users 的请求会将请求代理到 http://localhost:3000/api/users;

如果不需要传递 /api ,则需要重写路径:

module.exports = {     devServer: {     	host:'0.0.0.0,  	port: 2000,  	open: true,    proxy: {         '/api': {         		target: `http://localhost:3000`,      		pathRewrite: {    '^/api': '' },      }    },    disableHostCheck: true  }}

现在对 http://localhost:2000/api/users 的请求将会代理到 http://localhost:3000/users ;

默认情况下,代理时会保留主机头的来源,可以将changeOrigin 设置为true 以此覆盖此行为;

module.exports = {     devServer: {     	host:'0.0.0.0,  	port: 2000,  	open: true,    proxy: {         '/api': {         		target: `http://localhost:3000`,      		pathRewrite: {    '^/api': '' },      		changeOrigin: true,      }    },    disableHostCheck: true  }}

注意:

在代理请求时,浏览器控制台 NetWork 中显示的请求路径依然是未代理前的路径,即 请求依然 显示为 http://localhost:2000/api/users ;只要保证 请求路径 以/api 开头,这原请求路径将被代理到 目标 路径。

转载地址:http://yryr.baihongyu.com/

你可能感兴趣的文章
mysql 快速自增假数据, 新增假数据,mysql自增假数据
查看>>
Mysql 批量修改四种方式效率对比(一)
查看>>
Mysql 报错 Field 'id' doesn't have a default value
查看>>
MySQL 报错:Duplicate entry 'xxx' for key 'UNIQ_XXXX'
查看>>
Mysql 拼接多个字段作为查询条件查询方法
查看>>
mysql 排序id_mysql如何按特定id排序
查看>>
Mysql 提示:Communication link failure
查看>>
mysql 插入是否成功_PDO mysql:如何知道插入是否成功
查看>>
Mysql 数据库InnoDB存储引擎中主要组件的刷新清理条件:脏页、RedoLog重做日志、Insert Buffer或ChangeBuffer、Undo Log
查看>>
mysql 数据库中 count(*),count(1),count(列名)区别和效率问题
查看>>
mysql 数据库备份及ibdata1的瘦身
查看>>
MySQL 数据库备份种类以及常用备份工具汇总
查看>>
mysql 数据库存储引擎怎么选择?快来看看性能测试吧
查看>>
MySQL 数据库操作指南:学习如何使用 Python 进行增删改查操作
查看>>
MySQL 数据库的高可用性分析
查看>>
MySQL 数据库设计总结
查看>>
Mysql 数据库重置ID排序
查看>>
Mysql 数据类型一日期
查看>>
MySQL 数据类型和属性
查看>>
mysql 敲错命令 想取消怎么办?
查看>>