首页 > 其他分享 >vue项目,本地启动时,请求地址会自动加上http://localhost:

vue项目,本地启动时,请求地址会自动加上http://localhost:

时间:2023-02-08 19:47:11浏览次数:43  
标签:vue false apl 0.0 默认 https http true localhost

wepack设置时,使用代理

devServer: {
		hot: true,
		host: '0.0.0.0',
		port: "2023", // 项目启动端口, 默认8080
		//https: true, // 是否开启https 默认false
		// 代理设置
		proxy: {
			"/apl": {
				target: "127.0.0.1:3007",
				changeOrigin: true,
				pathRewrite: {
					"^/apl": ""
				},
				// 解决本地请求https问题
				// secure: false,
				// headers: {
				// 	Referer: "https://www.qzyxs.com"
				// }
			}
		}
	},

  代理中的target参数未加协议名,默认相对地址,所以会自动在前面加上本地地址,http://localhost:加上 https:// 就可以了

devServer: {
		hot: true,
		host: '0.0.0.0',
		port: "2023", // 项目启动端口, 默认8080
		//https: true, // 是否开启https 默认false
		// 代理设置
		proxy: {
			"/apl": {
				target: "https://127.0.0.1:3007",
				changeOrigin: true,
				pathRewrite: {
					"^/apl": ""
				},
				// 解决本地请求https问题
				// secure: false,
				// headers: {
				// 	Referer: "https://www.qzyxs.com"
				// }
			}
		}
	},

  

标签:vue,false,apl,0.0,默认,https,http,true,localhost
From: https://www.cnblogs.com/foxing/p/17103068.html

相关文章

  • Vue动态绑定内联样式( v-bind:style )
    <button@click="change"type="button">改变Box大小data(){return{imgStyle:{}}},computed:{imgStyle(){retur......
  • HttpURLConnection这个类的说明
    okURLurl=newURL(urlStr);HttpURLConnectionconn=(HttpURLConnection)url.openConnection();//建立链接的超时时间,总所都周知,建立连接......
  • 利用fiddlercore,修改http/https请求与响应
    fiddler抓包工具,相信很多人都用过,很好用的一款抓包工具。 fiddlercore是官方提供给开发者调用的,用来处理所有的http/https请求,功能就如Fiddler一样强大,fiddlercore官方网......
  • vue3+element表格数据导出
    实现效果导出后的效果:步骤第一步:安装依赖npminstall--savexlsxfile-saver第二步:给表格添加id,导出的时候需要用到<!--导出按钮--><el-buttontype="pri......
  • vue3语法糖+ts组件传值
    在开发中有些功能是通用的,而且逻辑大致相同,像这种东西可以封成一个组件,比较常用的就是函数封装,组件封装,组件封装是需要引入到页面使用的,所以通常它会有一些自己的方法,父子......
  • element plus + vue3表单第一次数据未清空的bug问题解决
    使用框架:elementPlus+vue3场景描述:场景一:表单的添加和修改功能,公用同一个弹框,点击修改后,点击添加表单显示的是上次修改的数据。场景二:点击修改,数据回显到表单,然后......
  • vue注意点$attrs、$slots
    $attrs号称捡漏王当父组件给子组件传值,子组件并没有接收数据时,此时数据在$attrs中可以拿到,并且如果子组件不需要使用数据,而孙组件需要,则可以直接v-bind="$attrs"传给孙。......
  • 完整工作流整合方案,自定义配置,Java+Vue+Activiti@附配套文档
    前言activiti工作流引擎项目,企业erp、oa、hr、crm等企事业办公系统轻松落地,一套完整并且实际运用在多套项目中的案例,满足日常业务流程审批需求。一、项目形式springboot......
  • vue3 和vue2的区别
    1.数据的响应式不同答:vue2是通过object.defineProperty()方法,get是获取属性,set是修改属性。但是新加的属性和删除的属性则没有响应式,还有就是通过数组的下标来修改值,......
  • 【vue3】父子组件通信之 vue3 defineProps,defineEmits ,defineExpose
    1、简介父组件通过v-bind绑定一个数据,然后子组件通过defineProps接受传过来的值,2、代码示例1)给Menu组件传递了一个title字符串类型是不需要v-bind<template><d......