JavaScripthttpput请求参数如何设置？

2023-04-25 23:40:02JavaScript022

JavaScripthttpput请求参数如何设置？,第1张

//使用

var url="http://lu.sohu.com/send/luport/get_psd.php?phone="+MobileNo.innerText

//alert(url)

send_request("GET",url,null,"TEXT",processTextResponse)

//定义XMLHttpRequest对象实例

var http_request = false

//定义可复用的http请求发送函数

function send_request(method,url,content,responseType,callback)

{//初始化、指定处理函数、发送请求的函数

http_request = false

//开始初始化XMLHttpRequest对象

if(window.XMLHttpRequest)

{ //Mozilla 浏览器

http_request = new XMLHttpRequest()

if (http_request.overrideMimeType)

{//设置MiME类别

http_request.overrideMimeType("text/xml")

}

else if (window.ActiveXObject)

{ // IE浏览器

try {

http_request = new ActiveXObject("Msxml2.XMLHTTP")

} catch (e) {

try {

http_request = new ActiveXObject("Microsoft.XMLHTTP")

} catch (e) {}

}

if (!http_request)

{ // 异常，创建对象实例失败

window.alert("不能创建XMLHttpRequest对象实例.")

return false

}

if(responseType.toLowerCase()=="text")

{

//http_request.onreadystatechange = processTextResponse

http_request.onreadystatechange = callback

}

else if(responseType.toLowerCase()=="xml")

{

//http_request.onreadystatechange = processXMLResponse

http_request.onreadystatechange = callback

window.alert("响应类别参数错误。")

return false

}

// 确定发送请求的方式和URL以及是否异步执行下段代码

if(method.toLowerCase()=="get")

{

http_request.open(method, url, true)

}

else if(method.toLowerCase()=="post")

{

http_request.open(method, url, true)

http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

http_request.setRequestHeader("Accept-Language","zh-cn")

}

else

{

window.alert("http请求类别参数错误。")

return false

}

http_request.send(content)

}

// 处理返回文本格式信息的函数

function processTextResponse()

{

var element = document.getElementById("main")

if (http_request.readyState == 4)

{

if (http_request.status == 200)

{

//alert(http_request.responseText)

var p = http_request.responseText

var errtd = document.getElementById("errtd")

errtd.innerHTML =""

errtd.style.display = ""

var returnstr = p.split("|")

errtd.innerHTML = returnstr[1]

//errtd.innerHTML = p

//if(p=="true"){

// //alert(p)

// var errtd = document.getElementById("errtd")

// errtd.innerHTML =""

// errtd.style.display = ""

// errtd.innerHTML = "已成功提交了您的订购，稍后您的手机会收到短信，请回复“好”完成订购"

//}else{

// //alert(p)

// var errtd = document.getElementById("errtd")

// errtd.innerHTML =""

// errtd.style.display = ""

// errtd.innerHTML = "您所在的地区没有上线"

//}

} else

{

alert("您所请求的页面有异常。")

}

else

{

//timervar p = document.getElementById("progress")

//p.innerText = "完成"

}

贴上官网

vue-cli3 创建的时候并不会自动创建vue.config.js，因为这个是个可选项，所以一般都是需要修改webpack的时候才会自己创建一个vue.config.js

再然后因为vue-cli3内部高度集成了webpack，一般来说使用者不需要再去知道weboack做了什么，所以没有暴露webpack的配置文件，我们可以手动去创建vue.config.js 去修改默认的webpack。注意，只能叫vue.config.js。

publicPath （从 Vue CLI 3.3 起已弃用baseUrl，请使用publicPath）

参考： https://my.oschina.net/u/4446873/blog/4882847

默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.xxx.com/ 。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.xxx.com/my-app/ ，则设置 publicPath 为 /my-app/。

这个值在开发环境下同样生效。如果你想把开发服务器架设在根路径，你可以使用一个条件式的值：

通常开发环境，本地运行都会直接部署在根路径上，publicPath设置为'/'，访问地址是你的IP地址。如下是设置成'/app'的效果：

从上面可以得知，静态资源文件都是在app下的，所以在dist下新增添一个app目录，把dist下文件放到app下，相当于一个文件的路径，可以发现项目会正常启动。一般nginx都会配置一个静态资源目录，打包后的文件都会放到这个静态资源目录里面，nginx去做映射，所以publicPath这个属性基本不用改。'/'就行。

结论： publicPath配置成'/aaa/bbb/ccc'，则需在相应的服务器路径中新建aaa>bbb>ccc的文件夹，然后将打包后的文件放进去，就ok啦。

项目中，我会在.env.production文件中设置一个变量VUE_APP_BASE_URL ，项目打包后告诉相关人员 nginx 路由前缀是什么即可

outputDir

assetsDir

indexPath

filenameHashing

直观效果：当运行npm run build时，

打包后的文件后面都会带一个8位的hash值，那啥是个hash值？

在打包出来的文件名上加上文件内容的hash是目前最常见的有效使用浏览器长缓存的方法，js文件如果有内容更新，hash就会更新，浏览器请求路径变化所以更新缓存，如果js内容不变，hash不变，直接用缓存。（这段话是从别的文章里面参考的）。

将filenameHashing这个值设置为false试试，就不会带那个后缀hash值。

pages

lintOnSave