我的Vue js文件。在这里,我使用来自本地主机的两个URL。我想制作一个配置文件,以便在配置文件中进行更改时,我将能够获得相同的更改。
<template>
<div>
<div class="global-buttons">
<a href="http://127.0.0.1:5000/sent_mail/book" target="_blank"><button>See Previously Sent Mail</button></a>
<button @click="saveData()">Save Current Changes</button>
<button @click="loadData(savedUrl)">Load Previously Saved Data</button>
<a href="http://127.0.0.1:5000/mail/book" target="_blank"><button>Send Mail ✈</button></a>
</div>
</template>
在Python中,我们可以轻松地从一个文件导入到另一个文件,但是我不知道如何在Vue js中设置这些配置。我有Vue的3个组件,在6个不同的地方,我使用的是由localhost组成的URL。当我托管项目时,所有URL都需要更改。而且我必须走每一线去改变。因此,我正在搜索一个配置文件,可以在其中进行更改,然后从那里导入URL。
我想要
config.js
URL = http://127.0.0.1:5000/
在我的模板中
<a href="config.URL + sent_mail/book"
正如我在评论中提到的那样-您可以创建一些外部对象,例如这样,我们将其称为config.js
export default {
config: {
url: 'myurl'
}
}
然后将其导入您的组件文件中
import ConfigFile from '../config'
然后在您的数据中可以像这样使用它
data() {
return {
url: ConfigFile.config.url
}
}
然后,您可以url
在模板中使用它。
<p>{{ url }}</p>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句