前端解决跨域问题常见的三种方式
第一 使用ajax的jsonp来解决跨域,其本质为script标签的src属性解决跨域(get)
第二种方式为cors 后端在服务器安装一个cors 并配置允许跨域
第三种 在项目配置一个vue.config.js文件
module.exports = {
devServer: {
host: 'localhost',
port: 8080,
proxy: {
'/api': {
target: 'http://localhost:3000',// 要跨域的域名
changeOrigin: true, // 是否开启跨域
},
'/get': {
target: 'http://localhost:3000',// 要跨域的域名
changeOrigin: true, // 是否开启跨域
}
}
}