import export 和 require module.exports注意点

问题:
今天被同事遇到的一个问题卡住了:有一个封装好的网络请求对象,他的请求头里从缓存中获取token ,代码如下:

let axiosWrap = axios.create({
    // baseURL: 'http://192.168.1.137:8090/haidong-emcee/',
    headers: {
        'token': localStorage.getItem('token'),
        "Content-Type": "application/json;charset=UTF-8"
    },
})

用户授权登录后将取到的token放入缓存,但是再次用这个网络对象发起请求时却并没有携带token !
分析
import export 这种语法,是在代码编译阶段执行的,所以当这个网络请求对象被编译的时候token就会被赋值,而此时token值未空,就会导致上述问题。
总结
(1)import export是在编译的时候执行的,并且import的对象被修改,会导致源文件被修改。所以上述问题可以这样解决:授权登录后修改下import进来的网络请求对象的header!
(2)require module.exports是在代码执行阶段执行,它拷贝了一份源文件,所以修改require进来的内容并不会造成源文件的更改!

发布了17 篇原创文章 · 获赞 0 · 访问量 378

猜你喜欢

转载自blog.csdn.net/huige232508/article/details/104772210