uniapp使用.json文件
时间: 2023-12-23 21:04:23 浏览: 88
在uni-app中,可以使用.json文件来存储一些配置信息或数据。.json文件是一种轻量级的数据交换格式,易于人和机器读写。
在uni-app中,可以在项目根目录下创建一个json文件,然后在其他页面或组件中引用该文件。引用.json文件的方式与引用.js文件的方式类似,只需要使用相对路径即可。
例如,在项目根目录下创建一个config.json文件,里面存储了一些配置信息:
```
{
"apiUrl": "https://api.example.com",
"timeout": 5000,
"debug": true
}
```
然后,在某个页面中引用该文件:
```
<script>
import config from '@/config.json'
console.log(config.apiUrl) // 输出 https://api.example.com
</script>
```
注意,在使用.json文件时,需要将其作为一个模块来引入,而不是直接使用`require`方法或`import`语句。同时,也需要在`vue.config.js`文件中添加`json`的loader配置,以支持json文件的解析:
```
module.exports = {
chainWebpack: config => {
config.module
.rule('json')
.test(/\.json$/)
.use('json-loader')
.loader('json-loader')
.end()
}
}
```
阅读全文