Preguntas frecuentes sobre uni-app plus vue3

1. Introducir archivos JSON locales

1.método de búsqueda

Úselo fetch APIpara cargar 本地JSONarchivos.

<script>
	fetch('/source/dataJson/drugsList.json')
	.then(res=>res.json())
	.then(data=>{
      
      
		console.log(data)
	})
</script>

fetchEl parámetro de la función es la JSONruta del archivo local, preste atención a la exactitud de la ruta, .then()analice y responda a los datos a través del método, .json()conviértalos a través del método JSON格式y finalmente imprima los datos requeridos
dirección de aprendizaje .

2.axios

1. Instalar axios

npm  i axios -s

2.Uso (drugList.vue)

<script>
import axios from 'axios'
axios.get('http://localhost:3000/source/dataJson/drugsList.json').then((res) => {
      
      
	console.log(res)
})
</script>

3. Objeto.asignar()

1.Archivo JSON (drugsList.json)

{
    
    
    "code": 0,
    "data": {
    
    
        "b2cDirectoryIdChildList": [],
        "brandIdChildList": [],
        "commentImgUrl": "",
        "commentLinkUrl": "",
        "commentMsg": "",
        "commentType": "1",
        "deliveryText": "",
        "filterInfoList": [],
        "groupShops": [],
        "isCityOpened": 0,
        "isListData": 0,
        "pageNo": 1,
        "pageSize": 20
        }
}

2. Utilice el archivo (drugList.vue)

<script>
import dataBasemap from '@/source/dataJson/drugsList.json'
export default {
      
      
	data() {
      
      
		let config = {
      
      }
		Object.assign(config, dataBasemap)
		return {
      
      
			drugsList: config
		};
	},
	mounted(){
      
      
		consloe.log(drugsList)
	}
}
</script>

Nota:
1. Se utiliza Vue3 esModule(export导入,import引入)y no admite commonJSespecificaciones ( requireimportar)
. 2. uni.requestNo puede leer archivos js ni archivos json locales. jqSe puede leer, pero solo se puede importar y usar jqal final.H5