在使用nuxt配置好的axios的时候,我在提交base64保存图片 和 百度编辑器提交数据的时候发现
会被转译成其他字符串,导致图片和文章不能使用。经过层层排查才发现是nuxt自带的axios导致的问题。
解决方案如下:
1、在plugins创建axioss.js 文件名自己取
2、axioss.js接口配置如下,并配置请求头。
```
import $http from'axios'
// 请求拦截 设置统一header
$http.interceptors.request.use(config => {
if (localStorage.jwtToken)
config.headers.Authorization = localStorage.jwtToken
return config
}, error => {
returnPromise.reject(error)
})
exportdefault {
//获取个人的简历详情
profile(params) {
returnnewPromise(resolve => {
$http.get('/api/profile', params).then(data => {
resolve(data)
})
})
},
//添加文章
articleAdd(params) {
returnnewPromise(resolve => {
$http.post('/api/ideas/add', params).then(data => {
resolve(data)
})
})
},
}
```
3、引入使用
import axioss from'~/plugins/axioss'
```
async submit() {
const user = this.$store.getters.user;
const newPost = {
title: this.title,
subjectId:this.subjradio,
description:this.description,
details:this.$refs.ue2.getContent(),
name: user.name,
imgs:this.imgs,
checkT:this.oks
};
const res = await axioss.articleAdd(newPost)
if(res.data.code==1000){
this.$message({
message: res.data.msg,
type: 'success'
});
this.$router.push({
path:'/users/artlist'
})
}elseif(res.data.code==400){
alert(res.data.msg)
}
}
```
问题虽小,但是一旦找不到问题所在 会花很多时间,少走弯路