博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
三步解决Vue项目axios跨域问题
阅读量:2090 次
发布时间:2019-04-29

本文共 741 字,大约阅读时间需要 2 分钟。

1. 在main.js中添加如下代码:

import axios from 'axios'Vue.prototype.$axios = axios;axios.defaults.baseURL = '/api';

2. 在congif目录下, 找到index.js文件

3. 寻找: module.export = {} -> dev: {} -> proxyTable: {}, 在其中添加如下代码:

注: target中的地址可变

module.exports = {
dev: {
// Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {
'/api': {
// 此处的写法,目的是为了 将 /api 替换成 https://api.qq.jsososo.com target: 'https://api.qq.jsososo.com', // 允许跨域 changeOrigin: true, ws: true, pathRewrite: {
'^/api': '' } } } }}

4. 如何使用?

methods: {
async fetchSwiperList() {
const res = await this.$axios.get("/recommend/banner"); console.log(res) }},

转载地址:http://ztlqf.baihongyu.com/

你可能感兴趣的文章
两年Java开发工作经验面试总结
查看>>
作为Java面试官--谈谈一年来的面试总结
查看>>
两年Java程序员面试经
查看>>
面试心得与总结---BAT、网易、蘑菇街
查看>>
如何面试有2年java工作经验的应聘人员
查看>>
Java实现简单的递归操作
查看>>
Java实现简单的递归操作
查看>>
Struts2工作原理和执行流程图
查看>>
在线预览Word,Excel~
查看>>
hibernate延迟加载(get和load的区别)
查看>>
关于文件拷贝效率问题
查看>>
MyBatis分页插件PageHelper的使用
查看>>
【MyBatis学习01】宏观上把握MyBatis框架
查看>>
【MyBatis学习02】走进MyBatis的世界
查看>>
【MyBatis学习03】原始dao开发方法及其弊端
查看>>
【MyBatis学习04】mapper代理方法开发dao
查看>>
【MyBatis学习05】SqlMapConfig.xml文件中的配置总结
查看>>
【MyBatis学习06】输入映射和输出映射
查看>>
【MyBatis学习07】动态sql
查看>>
【MyBatis学习08】高级映射之一对一查询
查看>>