angular和后台交互需要配置什么文件

JavaScript015

angular和后台交互需要配置什么文件,第1张

一、配置内容放在json文件中

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