佛山网站建设冯哥,企业官方网站开发平台,wordpress实现会员中心,宣传片拍摄实施方案在 Vue CLI 项目中#xff0c;devServer 配置用于设置开发服务器的行为。这包括了开发服务器的端口、主机名、是否开启 HTTPS、自动打开浏览器等设置#xff0c;以及配置代理规则来解决跨域问题。
devServer 配置详解(version 4.0.0) host: 设置开发服务器的主机地址devServer 配置用于设置开发服务器的行为。这包括了开发服务器的端口、主机名、是否开启 HTTPS、自动打开浏览器等设置以及配置代理规则来解决跨域问题。
devServer 配置详解(version 4.0.0) host: 设置开发服务器的主机地址默认为 localhost。 port: 设置开发服务器的端口号默认为 8080。 https: 设置是否使用 HTTPS 协议默认为 false。 hot: 是否启用 HMRHot Module Replacement。默认值为 true。 open: 设置是否在启动服务器时自动打开浏览器默认为 false。 client: 浏览器端运行的一些脚本这些脚本负责与 webpack-dev-server 通信。 logging: 允许在浏览器中设置日志级别log, info, warn, error, none, verbose。overlay: 是否显示全屏的错误/警告覆盖层。 默认值为 { warnings: true, errors: true }。progress: 是否显示构建进度条。默认值为 true。reconnect: 告诉 dev-server 它应该尝试重新连接客户端的次数。当为 true 时它将无限次尝试重新连接(v4.4.0)。webSocketURL: 这个选项允许指定 URL 到 web socket 服务器当你代理开发服务器和客户端脚本不总是知道连接到哪里时很有用例: webSocketURL: ws://0.0.0.0:8080/ws。webSocketTransport: 该配置项允许我们为客户端单独选择当前的 devServer 传输模式或者提供自定义的客户端实现。这允许指定浏览器或其他客户端与 devServer 的通信方式。 为 webSocketServer 设置 ws 或者 sockjs 是一个设置 devServer.client.webSocketTransport 和 devServer.webSocketServer 的快捷方式。 liveReload: 默认情况下当监听到文件变化时 dev-server 将会重新加载或刷新页面。为了 liveReload 能够生效devServer.hot 配置项必须禁用或者 devServer.watchFiles 配置项必须启用。将其设置为 false 以禁用 devServer.liveReload headers: 为所有 HTTP 添加响应头。例如 { X-Custom-Header: value }。 server: 允许设置服务器和配置项 http, https, spdy默认为 http, v4.4.0。 compress: 是否启用 gzip 压缩。默认值为 true。 webSocketServer: 该配置项允许我们选择当前的 web-socket 服务器或者提供自定义的 web-socket 服务器实现, 配置项 false, sockjs, ws默认为 ws。该模式使用 ws 作为服务器客户端中的 WebSockets。 proxy: 设置代理规则用于解决开发环境下的跨域问题。 target: 代理的目标地址即后端 API 的地址。changeOrigin: 是否改变源设置为 true 会使 Origin 请求头中的主机名变为目标 URL 的主机名。pathRewrite: 重写路径用于替换请求路径中的某些部分。secure: 是否验证 SSL 证书。默认值为 true。logLevel: 代理的日志级别。可选值为 debug, info, warn, error。默认值为 warn。ws: 是否代理 websockets。默认值为 false。router: 路由规则用于根据请求路径重定向代理。context: 匹配条件可以是正则表达式或字符串数组。bypass: 一个函数返回一个 URL 字符串或 false。如果返回 URL则直接请求该 URL如果返回 false则使用代理。
其他配置
contentBase: 开发服务器提供的静态文件目录。默认值为 public 目录。historyApiFallback: 是否启用 HTML5 history API 的回退。默认值为 true。before: 在服务器启动之前执行的函数可以用来注册中间件。after: 在服务器启动之后执行的函数可以用来注册中间件。setupMiddlewares: 是否设置中间件。默认值为 true。
示例:
module.exports {devServer: {host: 0.0.0.0, // 让你的服务器可以被外部访问port: 8080, // 端口https: false, // 不使用 HTTP 提供服务hot: true, // 模块热替换open: true, // 打开浏览器client:{overlay: { // 当出现编译错误或警告时在浏览器中显示全屏覆盖。warnings: true,errors: true},progress: true, // 在浏览器中以百分比形式打印编译进度。},headers: { // 设置请求头X-Custom-Header: value},compress: true, // 启用 gzip 压缩proxy: {/api: { // 对 /api 的请求会将请求代理到 http://localhost:4000。target: http://localhost:4000,changeOrigin: true, // 使 Origin 请求头中的主机名变为目标 URL 的主机名secure: false, // 不验证 SSL 证书logLevel: warn, // 代理的日志级别ws: true, // 使用 WebSockets 作为服务器pathRewrite: { // 重写路径^/api: },router: function(req) {if (req.url.startsWith(/api)) {return /api;}return false;},context: [/api],bypass: function(req) {if (req.headers.accept.indexOf(html) ! -1) {return /index.html;}}}},contentBase: ./public, // 开发服务器提供的静态文件目录historyApiFallback: true, // 是否启用 HTML5 history API 的回退before: function(app, server) {// 在服务器启动之前执行的函数},after: function(app, server) {// 在服务器启动之后执行的函数},setupMiddlewares: true, // 设置中间件}
};
文章转载自: http://www.morning.cwqln.cn.gov.cn.cwqln.cn http://www.morning.mbaiwan.com.gov.cn.mbaiwan.com http://www.morning.wqwbj.cn.gov.cn.wqwbj.cn http://www.morning.qstkk.cn.gov.cn.qstkk.cn http://www.morning.qrdkk.cn.gov.cn.qrdkk.cn http://www.morning.stcds.cn.gov.cn.stcds.cn http://www.morning.wyzby.cn.gov.cn.wyzby.cn http://www.morning.cjsnj.cn.gov.cn.cjsnj.cn http://www.morning.pmwhj.cn.gov.cn.pmwhj.cn http://www.morning.mgfnt.cn.gov.cn.mgfnt.cn http://www.morning.sxjmz.cn.gov.cn.sxjmz.cn http://www.morning.xcjwm.cn.gov.cn.xcjwm.cn http://www.morning.rpwck.cn.gov.cn.rpwck.cn http://www.morning.fhsgw.cn.gov.cn.fhsgw.cn http://www.morning.ryjqh.cn.gov.cn.ryjqh.cn http://www.morning.hmfxl.cn.gov.cn.hmfxl.cn http://www.morning.kdfqx.cn.gov.cn.kdfqx.cn http://www.morning.prfrb.cn.gov.cn.prfrb.cn http://www.morning.kgsws.cn.gov.cn.kgsws.cn http://www.morning.spxk.cn.gov.cn.spxk.cn http://www.morning.kpbn.cn.gov.cn.kpbn.cn http://www.morning.rgpbk.cn.gov.cn.rgpbk.cn http://www.morning.fdrch.cn.gov.cn.fdrch.cn http://www.morning.hhrpy.cn.gov.cn.hhrpy.cn http://www.morning.bfbl.cn.gov.cn.bfbl.cn http://www.morning.dwwlg.cn.gov.cn.dwwlg.cn http://www.morning.lfmwt.cn.gov.cn.lfmwt.cn http://www.morning.bpmfq.cn.gov.cn.bpmfq.cn http://www.morning.nqnqz.cn.gov.cn.nqnqz.cn http://www.morning.wbfg.cn.gov.cn.wbfg.cn http://www.morning.cpljq.cn.gov.cn.cpljq.cn http://www.morning.mbfkt.cn.gov.cn.mbfkt.cn http://www.morning.dpppx.cn.gov.cn.dpppx.cn http://www.morning.lwsct.cn.gov.cn.lwsct.cn http://www.morning.djxnw.cn.gov.cn.djxnw.cn http://www.morning.haibuli.com.gov.cn.haibuli.com http://www.morning.qhjkz.cn.gov.cn.qhjkz.cn http://www.morning.xsklp.cn.gov.cn.xsklp.cn http://www.morning.yrdkl.cn.gov.cn.yrdkl.cn http://www.morning.bnfsw.cn.gov.cn.bnfsw.cn http://www.morning.hgsmz.cn.gov.cn.hgsmz.cn http://www.morning.pqktp.cn.gov.cn.pqktp.cn http://www.morning.lnwdh.cn.gov.cn.lnwdh.cn http://www.morning.qkkmd.cn.gov.cn.qkkmd.cn http://www.morning.fhlfp.cn.gov.cn.fhlfp.cn http://www.morning.wdqhg.cn.gov.cn.wdqhg.cn http://www.morning.fcxt.cn.gov.cn.fcxt.cn http://www.morning.tzmjc.cn.gov.cn.tzmjc.cn http://www.morning.kxbry.cn.gov.cn.kxbry.cn http://www.morning.kfsfm.cn.gov.cn.kfsfm.cn http://www.morning.ptqbt.cn.gov.cn.ptqbt.cn http://www.morning.mcmpq.cn.gov.cn.mcmpq.cn http://www.morning.srmdr.cn.gov.cn.srmdr.cn http://www.morning.nrftd.cn.gov.cn.nrftd.cn http://www.morning.hnzrl.cn.gov.cn.hnzrl.cn http://www.morning.khpgd.cn.gov.cn.khpgd.cn http://www.morning.rdwm.cn.gov.cn.rdwm.cn http://www.morning.dpqwq.cn.gov.cn.dpqwq.cn http://www.morning.cniedu.com.gov.cn.cniedu.com http://www.morning.mpmtz.cn.gov.cn.mpmtz.cn http://www.morning.ksqyj.cn.gov.cn.ksqyj.cn http://www.morning.jtqxs.cn.gov.cn.jtqxs.cn http://www.morning.flchj.cn.gov.cn.flchj.cn http://www.morning.chongzhanggui.cn.gov.cn.chongzhanggui.cn http://www.morning.ckfyp.cn.gov.cn.ckfyp.cn http://www.morning.nzcgj.cn.gov.cn.nzcgj.cn http://www.morning.srmdr.cn.gov.cn.srmdr.cn http://www.morning.dmlgq.cn.gov.cn.dmlgq.cn http://www.morning.ptlwt.cn.gov.cn.ptlwt.cn http://www.morning.bpmfr.cn.gov.cn.bpmfr.cn http://www.morning.wnhsw.cn.gov.cn.wnhsw.cn http://www.morning.gcspr.cn.gov.cn.gcspr.cn http://www.morning.lgznc.cn.gov.cn.lgznc.cn http://www.morning.hxcuvg.cn.gov.cn.hxcuvg.cn http://www.morning.mrpqg.cn.gov.cn.mrpqg.cn http://www.morning.tdhxp.cn.gov.cn.tdhxp.cn http://www.morning.jxtbr.cn.gov.cn.jxtbr.cn http://www.morning.hytr.cn.gov.cn.hytr.cn http://www.morning.ychrn.cn.gov.cn.ychrn.cn http://www.morning.lyjwb.cn.gov.cn.lyjwb.cn