vue项目导入本地json文件的方法

Posted 2023-04-18

参考技术A vue项目导入本地json文件的2种方法

一、通过网络请求导入

步骤：

1.找到vue项目目录下的build/webpack.dev.conf.js文件

2.

3.

4.在页面钩子函数触发时，调用

created()

        this.$http.get('/api/customs_cut_mode').then((response) =>

          response = response.body;

          if (response.errno == ERR_OK||response.errno ==0)

            this.customs_cut_mode= response.data;

         

        );

     

二、通过ES6导入本地json

1.将json数据放入指定目录。

2.在页面引入

import   customs_cut_mode   from '../../common/Alljson/customs_cut_mode.json'

3.页面使用

mounted()

      this.customs_cut_mode= customs_cut_mode

      // console.log( this.customs_cut_mode)

    ,

vue项目从MAC导入Windows

参考技术A 项目放在码云上，用windows克隆后安装依赖，run dev！
各种编译错误。
执行 cnpm rebuild node-sass
删掉 node_modules 文件夹
重新 cnpm install
……终于跑起来了