前端模拟面试练习提升题

Vue全家桶实战-- 前端跨域解决方案

image-20201124045335486

image-20201124045343637

image-20201124045427274

跨域解决方案

CORS跨域

image-20201124045520362

Easy Mock

后端接口

image-20201124045607527

安装axios

image-20201124045704795

导入插件

image-20201124045811206

发送请求

注意http和https

image-20201124045951291

image-20201124045929822

image-20201124050200834

允许将cookie跨域传输

image-20201124050249611

JSONP跨域

image-20201124050452562

安装插件

image-20201124050535900

导入插件

image-20201124050619411

发送请求

image-20201124050653929

测试

image-20201124050750860

image-20201124050915574

与axios对比

image-20201124051008074

image-20201124051018816

_jp0函数

image-20201124051158372

image-20201124051244735

注意

jsonp请求不是真正请求。xhr里面没有这个请求

image-20201124051430141

只在JS里面，在JS里面找

image-20201124051458313

语法

url+option{参数}+回调函数，option没有可以省略掉

image-20201124051631824

接口代理跨域

image-20201124051739176

更受欢迎

创建vue.config.js

webpack的配置表

image-20201124051921059

image-20201124052219063

changeOrigin是否将主机头地址更改成目标地址

image-20201124052331438

image-20201124052441924

image-20201124052455407

去掉慕课网

image-20201124052524637

修正

image-20201124052708052

注意

image-20201124052922650

image-20201124052940720

这是本地开发的配置，和项目部署有区别

————————————————