网站做可信认证,白城学做网站,去势 wordpress,常德市建设工程造价网站问题#xff1a;vue项目打包完成后#xff0c;如需改变配置文件中的信息#xff0c;比如域名修改(如下图config.js)#xff0c;是不可能在配置文件中直接更改的#xff0c;因为配置文件是前端写死的#xff0c;这时只能手动更改项目中的配置#xff0c;然后重新打包npm …问题vue项目打包完成后如需改变配置文件中的信息比如域名修改(如下图config.js)是不可能在配置文件中直接更改的因为配置文件是前端写死的这时只能手动更改项目中的配置然后重新打包npm run build解决办法1、先安装generate-asset-webpack-plugin插件2、在vue项目的webpack.prod.conf.js:文件中添加如下代码var packConfig require(../src/config)//引入原配置文件var GenerateAssetPlugin require(generate-asset-webpack-plugin)//引入插件var createServerConfig function(compilation){//声明转换函数将对象转为json字符串return JSON.stringify(packConfig)}plugins里添加new GenerateAssetPlugin({//生成文件并添加入内容filename: config.json,fn: (compilation, cb) {cb(null, createServerConfig(compilation));},extraFiles: []})3、在vue项目的main.js入口文件中添加如下代码import axios from axios//引入一个ajax封装工具import storage from services/storage//引入对缓存操作的封装工具var getConfigJson function () {//声明一个函数用来读取json文件并将其内容存入缓存axios.get(config.json).then((result) {//读取文件storage.setItem(config, result.data)}).catch((error) {console.log(error)})}4、在项目中配置请求接口时可从localstorage中拿到
