一、通过import导入
1、在common.js中,定义好配置数据
const serverUrl="http://www.baidu.com"
const imgUrl="http://www.qq.com"
//如果不用export导出,用import引入后调用,会报undefined作用域问题
export default{
serverUrl,
imgUrl
}
2、在vue中使用import引入
<script>
//引入
import common from "../../common/common.js"
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
//调用
console.log(common.serverUrl)
},
methods: {
}
}
</script>
二、在入口文件向vue实例的prototype挂载
1、挂载
vue.prototype.serverUrl="http://www.baidu.com"
2、调用
console.log(this.serverUrl)