一、利用public下的文件不会被打包的原理 在pubic下生成一个json文件，在封装的axios中用原生ajax请求去获取json文件，根据自定义的环境来设置接口地址。
config.json文件
{ "url": "http://·:3006/api/getbooks" }下面是简单写了个ajax请求，点击事件。
var xhr = new XMLHttpRequest(); xhr.open('GET', "./config.json",true); xhr.send(null); xhr.onreadystatechange = function () { if (xhr.status === 200 && xhr.readyState === 4) { let baseURL = JSON.parse(xhr.responseText).url console.log(baseURL) console.log(xhr) } }然后前端打包生成dist/build目录。 生成后，要在本地测下行不行，也就是打包后如何在本地启动服务运行。 1、全局安装live-server插件
npm install -g live-server2、在dist/build文件夹（刚刚打包成功后多出来的文件夹）终端输入
live-server效果图： 然后修改config.json里的url，点击事件后，打印的url会变。
二、利用 generate-asset-webpack-plugin 插件 使用 generate-asset-webpack-plugin 插件，配置一大堆文件，通过请求获取数据，安全性高，但过程麻烦。（网上看的，我没试过）
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
