vue.js - 如何解决 vue.js 中未定义的本地存储?
问题描述
当我尝试在 vue.js 中运行测试用例时,它显示错误本地存储未定义,如何解决此问题请帮助我解决此问题。
[登录.spec.js]
import Login from '../../src/Pages/Login.vue';
import{shallowMount} from '@vue/test-utils';
describe('Login.vue',()=>{
describe('When Loaded',()=>{
it('has the required elements',()=>{
const wrapper =shallowMount(Login);
expect(wrapper.find('#input-username').exists()).toBe(false);
expect(wrapper.find('#input-password').exists()).toBe(false);
});
});
});
[axios.js]
import axios from 'axios'
axios.defaults.baseURL=process.env.VUE_APP_AXIOS_URL
axios.defaults.headers.common['Authorization']='Bearer'+ localStorage.getItem('token');
export default class AxiosService{
postData(url,data){
return axios.post(url,data).then(response =>{
return response;
}).catch(error=>{
return error;
})
}
}
解决方案
这可能是模拟您的一个很好的解决方案localStorage
:
我如何在玩笑测试中处理 localStorage?
基本上,有一个商店被用来模拟localStorage
. 通过这种方式,您可以根据假冒或真实的身份验证方法设置令牌,这取决于您。
推荐阅读
- python - 如何修复 cv2.error:OpenCV 代码中的未知 C++ 异常?
- firebase - 如果用户文档在 Firestore 上发生更改,则更新提供者中的用户数据
- python - Selenium 问题 - 无法定位元素:{"method":"css selector","selector" - 需要帮助解决此问题
- python - pygame 中的错误,找不到对象“船”
- python - 向箱线图添加图像注释
- neo4j - 基于 where not in 的密码过滤关系
- javascript - 行没有被添加到表中 - javascript
- apache - 在 Raspbian 上卸载并重新安装 apache2 后无法启动 Apache HTTP 服务器
- typescript - Google 云功能的自定义通知问题
- android-studio - Android Studio 如何从数据库中检索列表?