json文件放在assets目录下
在使用处发送get请求获取json数据,请求可能需要同步
二、js配置文件,把js配置文件当作第三方库使用
创建配置文件src/app/url-config.js
let CONFIG = {ExeWSURL: 'ws://127.0.0.1:7382'
}
把配置文件作为第三方文件,在angular.json中的scripts中加如下配置:
"scripts": [{"input": "src/app/url-config.js","lazy": false,"bundleName": "url-config"}]
在使用的地方声明变量
declare var CONFIG: any
console.log(CONFIG.ExeWSURL)
这样,项目 构建后配置信息就只需要在url-config.+[hash值].js文件中修改即可,方便了运维
ps:如果部署服务器用的是ngix,配置仅仅是url地址的话,就不需要上述方法了,直接维护ngix配置即可。
vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。
在根目录中创建 vue.config.js
这个文件应该导出一个包含了选项的对象:
publicPath
把开发服务器架设在根路径,可以使用一个条件式的值:
outputDir
assetsDir
indexPath
filenameHashing
pages
其值应该是一个对象,对象的 key 是入口的名字,value 是:
lintOnSave
runtimeCompiler
transpileDependencies
productionSourceMap
crossorigin
integrity
Webpack相关配置
configureWebpack
chainWebpack
css.modules
css.extract
css.sourceMap
css.loaderOptions
支持的 loader 有:
devServer
devServer.proxy
parallel
pwa
pluginOptions