Vue Node
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |
Vue配置代理服务器
一、运行后台服务
启动后台Node服务器运行后台程序学习资料node代码服务5000开启
二、Ajax请求
- xhr 【不常用】Windows 内部
- new XMLHttpRequest()
- xhr.open() xhr.send()
- 内部公司封装xhr
- 开源封装xhr
- JQuery $.get $.post 与Vue 专本操作DOM
- axios (是JQuery 1/4 内存Promise风格Vue支持)【常用】
- fetch Windows 内部Promise风格
- respond数据封装两次需要.then两次
- IE浏览器不支持
下载axios
npm i axios
引入axios
通过Vue发送Request请求获取Response并渲染至模板Template
分析Ajax请求跨域问题同源策略CROSS 与 Access-Control-Allow-Origin问题
协议名网络协议名 | |
主机名 | |
端口号 | |
浏览器检测请求数据前台发出请求后台并响应但被浏览器拦截Corss异常 解决二Jsonp script src【不常用但面试题】 前端+后端 配合解决 get问题但post put delete无法解决 解决三中间件代理服务器分开前后台 正向代理/反向代理 Nigax端口8080 前台也8080 浏览器Corss正常 代理服务 帮忙访问并帮忙返回响应 Nigax端口 能接收后台的响应是因为Nigax是也是后台服务器不适用Ajax new HTTPXMLReqeust()前台才会出问题 vue-cli代理服务器 |
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
lintOnSave:false,
})
如果前台请求的资源【代理服务器】存在如vue代理pulic目录则直接响应不打扰后台
资源图标样表页标文本音乐
注意如果访问8080默认访问资源index.html