idea安装axios

先切换到项目的vue文件夹里面再进行安装。

配置文件

import axios from 'axios'const request = axios.create({timeout: 5000
})// request 拦截器
// 可以自请求发送前对请求做一些处理
// 比如统一加token，对请求参数统一加密
request.interceptors.request.use(config => {config.headers['Content-Type'] = 'application/json;charset=utf-8';// config.headers['token'] = user.token;  // 设置请求头return config
}, error => {return Promise.reject(error)
});// response 拦截器
// 可以在接口响应后统一处理结果
request.interceptors.response.use(response => {let res = response.data;// 如果是返回的文件if (response.config.responseType === 'blob') {return res}// 兼容服务端返回的字符串数据if (typeof res === 'string') {res = res ? JSON.parse(res) : res}return res;},error => {console.log('err' + error) // for debugreturn Promise.reject(error)}
)
export default request

跨域问题配置解决

// 跨域配置
module.exports = {devServer: {                //记住，别写错了devServer//设置本地默认端口  选填port: 9876,proxy: {                 //设置代理，必须填'/api': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定target: 'http://localhost:9999',     //代理的目标地址changeOrigin: true,              //是否设置同源，输入是的pathRewrite: {                   //路径重写'/api': ''                     //选择忽略拦截器里面的单词}}}}
}

将前缀改成/api

        save() {request.post("/api/user", this.form).then(res => {console.log(res)})},

方法二：在controller中加入注解
@CrossOrigin

idea安装axios相关推荐

uni-app + vue-cli3 安装axios、vant等依赖 - 操作篇
uni-app + vue-cli3 安装axios.vant等依赖 - 操作篇方法: cmd命令:vue ui 自动打开浏览器: 找到 "依赖 --> 安装依赖 --> 搜索 ...
vue项目安装axios - cmd篇
vue项目的跨域请求问题, 首先,用 axios 比较好,现在是 vue2 官方推荐,vue-resource 已经不再维护了. . 参考文章1:axios可以解决跨域访问的问题吗? 注意: vue项 ...
npm 安装axios和使用增删改查
1:安装axios(建议安装淘宝镜像) npm install axios 2:项目导入 npm install --save axios vue-axios 3:页面导入 import axios ...
vuecli4安装axios以及简单使用
vuecli4安装axios 地址 https://www.npmjs.com/package/axios 进入终端项目根目录安装,命令 npm install axios 安装之后,node_mod ...
vue2安装axios基本配置
安装axios npm install axios --save 引入axios 可以直接在main.js中直接引入也可以重新创建.js文件,然后在main.js中引入新创建文件在新建.js文件中 ...
安装axios出现报错
在安装eslint之后再安装axios出现报错: 解决方法: 在安装命令后加–legacy-peer-deps. 也就是以下指令: npm install axios --save --legacy- ...
vue3安装axios以及vue3解决跨域问题
1.安装axios npm install axios 在src目录下新建axios.js,内容如下,baseURL根据自己项目api域名填写进去,如果遇到跨域问题我们需要进一步设置 import a ...
npm 安装axios报错看这个
在做尚硅谷b站上的尚品汇安装axios显示这个大家可以先在桌面上用管理员运行cmd下载cnpm 安装cnpm:输入npm install -g cnpm -registry=https://re ...
（五）安装axios与最终效果——vue-cli3实例：电商分类网页
安装 axios插件: 读取json,实现ajax效果 1)npm i axios -S 2)在main.js中注册 import axios from 'axios' Vue.prototype.$ ...
基于vue3 安装axios（新手向）
首先先安装axios npm install axios --save 第二步创建封装的请求接口(utils里新建一个叫http.ts文件) 毕竟是新手向的,一般来说直接跟着复制就能使用,或者说自己微 ...

idea安装axios

idea安装axios相关推荐

最新文章

热门文章