Vue使用axios 解决跨域问题

首先安装axios

比如你想请求 http://www.13124.com/aa/movie 这是一个会产生跨域接口

脚手架4 vue cli4

在Vue 项目创建一个vue.config.js

module.exports = {

	devServer: {
		open: true,
		host: "0.0.0.0",
		port: 3000,
		hotOnly: false,
		proxy: {
			'/api': {
				target: 'http://www.13124.com', //跨域域名
				ws: true, // 代理 websockets
				changeOrigin: true, //是否开启跨域
				pathRewrite: {
					'^/api': '' // 重写地址
				}
			}

		}
	}

}

注意:每次修改配置文件你都应该重新编译 npm run serve / npm run dev (具体看你的运行方式了)

调用时:

axios({
	url: "aa/movie"  //使用url自动重写的地址拼接,组成原始地址
}).then((res) => {
	console.log(res);
})

至此,成功解决

原文地址:https://blog.csdn.net/rb0518/article/details/122932615

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_27016.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注