使用webpack打包的后,公共请求路径的配置问题
2017-04-19 18:03
1386 查看
在我们公司,和后台接接口时,公共的请求路径我们是单独抽出来的,放在一个独立的public.js中,在public.js中存入那个公共变量
公共变量是这样
在其他地方使用ajax时,我们就这样使用
这种用法在平时的项目中是没有问题的。但是因为公司最近的项目都是用react来用,然后用webpack来打包。
webpack打包后,public这个js也被打包进了每个组件中去。如果需要修改的话,要么就在react打包后的每个js文件中修改,要么就是在public.js中修改你的公共
路径,然后再打包一次。这样会显得很麻烦。
解决方法就是创建一个config.json文件,并将其放在根目录下,因为webpack不会将你的json文件也打包进去,然后再config.json中写
在我的public.js的代码改为
这样,用webpack后,当我需要修改我的公共路径时,就不需要这么麻烦,只需要修改我的config.json里的代码即可
在这里,$.ajax要改为同步,而不是异步,即 async改为false;
公共变量是这样
在其他地方使用ajax时,我们就这样使用
这种用法在平时的项目中是没有问题的。但是因为公司最近的项目都是用react来用,然后用webpack来打包。
webpack打包后,public这个js也被打包进了每个组件中去。如果需要修改的话,要么就在react打包后的每个js文件中修改,要么就是在public.js中修改你的公共
路径,然后再打包一次。这样会显得很麻烦。
解决方法就是创建一个config.json文件,并将其放在根目录下,因为webpack不会将你的json文件也打包进去,然后再config.json中写
在这里,$.ajax要改为同步,而不是异步,即 async改为false;
相关文章推荐
- 使用webpack打包的后,公共请求路径的配置问题
- 使用webpack打包的后,公共请求路径的配置问题
- 14.如何解决使用webpack打包之后,font-awsome路径不对的问题,终极解决方法
- webpack打包过程中因为图片的路径导致的问题
- Echart在使用webpack打包之后,IE10+中无法渲染的问题
- webpack打包,配置路径
- 在vue中用webpack打包之后运行文件问题以及相关配置
- 使用 webpack 打包 font 字体的问题
- 解决vue+webpack打包路径的问题
- vue+webpack打包路径问题
- vue-cli webpack模板项目搭建以及打包时路径问题的解答
- 用webpack打包vue项目后,静态资源路径失效问题
- webpack 打包成相对路径 css url路径问题
- 解决问题:在使用springmvc的web.xml配置乱码拦截器之后接收的get或者post请求中文还是乱码
- vue-cli webpack模板项目搭建以及打包时路径问题的解答
- 浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
- webpack打包调试react并使用babel编译jsx配置方法
- webpack配置:图片处理、css分离和路径问题
- webpack打包css中背景图路径报错问题
- vue-cli webpack模板项目搭建及打包时路径问题的解决方法