iview-admin webpack打包总结的几个问题

webpack小白,总结几条遇到的打包问题
1.开发代理服务器与上线接口调用的差异
开发时用devServer作代理vue

clipboard.png

打包时要区分开生产环境跟开发环境即:node

开发配置文件
webpack.dev.config.jswebpack

clipboard.png

生产配置文件
webpack.prod.config.jses6

clipboard.png

这样配置后接口调用方式变为web

clipboard.png

clipboard.png

而不是常见的/apis/dust-server/login这种形式,
这样写的目的是为了部署后能请求的接口中不会带有/apis致使请求地址不正确
部署后的接口地址
clipboard.pngsegmentfault

2.node_modules中es6没法识别
参考https://segmentfault.com/q/10...
webpack.base.config.jsapi

clipboard.png

3.图片加载
这个应该是vue的问题,虽然不知道原理是啥,可是图片只要放在这个文件夹内(iview-admin删掉了这个,要本身建一个),通常都是能够加载出来的
clipboard.png服务器

相关文章
相关标签/搜索