前端跨域解决

设置跨域 ：

​ 1、vue.config.js 添加配置项（推荐）
使用vue框架开发，在vue.config.js文件中配置。

const {
	defineConfig
} = require('@vue/cli-service')
module.exports = defineConfig({
	transpileDependencies: true,
	devServer: {
		// 小写的 proxy,  别被代码提示带偏
		proxy: {
			// 自定义代理名, 请求时使用
			'/dy': {
				// /dy 要映射到 target 域名
				target: 'https://m.douyu.com', //结尾没有 /, 别多写
				changeOrigin: true, //关键点: 代表需要跨域
				// 路径重写
				pathRewrite: {
					// ^: 正则的字符串开头
					// 把开头的 /dy 替换成 '' , 即删除开头的/dy
					'^/dy': '',
					//
					// 如果不把 /dy 替换掉, 那么请求地址如下:
					// https://m.douyu.com/dy/api/room/list
				},
			},
			// 每个域名都可以添加自己的映射: 重启服务器才生效
			'/bi': {
				target: 'https://api.bilibili.com',
				changeOrigin: true,
				pathRewrite: {
					'^/bi': ''
				},
			},
			// 更多网站的映射, 可以继续同上进行添加...
		},
	}

})

​2、corse 配置解决（后端设置）
3、引入jsonp依赖。
通过前后端配合设置。
​ ①首先引入jsonp依赖 import jsonp from ‘jsonp’
​ ②然后：jsonp(url,(res)=>{}) 发送，注意该方法不是正真的请
求，而是通过传给后端一个回调，后端触发并传回参数，作为数据。