开始

代码是写好的 ,这里解说一下。

image.png

  1. // 配置信息
  2. // api请求前缀
  3. const webUrl = 'http://www.xxx.com/api/v1'
  4. export default {
  5. webUrl
  6. }

全局挂载,这里必须用 ./的形式
image.png

  1. import config from './common/config.js';

image.png

调用

我们在这里打印。
image.png

  1. console.log('config内配置的webURl:',this.config.webUrl);

启动项目就会输出
image.png
配置文件怎么在其他的页面运行

image.png

单独封装的lib.js

image.png
main.js内注册lib.js
image.png

  1. import lib from "./common/lib.js"
  2. Vue.prototype.lib=lib
  3. const app = new Vue({
  4. ...App,
  5. config,
  6. lib
  7. })

lib.js内导入了config.js
image.png
写个测试方法,里面可以直接输出config
image.png
导出这个测试方法
image.png
然后这里就可以调用这个方法了。
image.png

image.png

image.png
方法内部直接调用
image.png

image.png

image.png
导出方法3
image.png

image.png

image.png
获取内部的属性
image.png
image.png

image.png

结束