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

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)

    },

打开navicat工具进入到数据库下

点击导入向导，进入到导入向导页面，选择json文件

点击下一步进入到选择文件页面，如图

完成json文件选择，进入到如图页面这里选择表的标签，

完成标签选择进入到特殊字符处理页面，如图

点击下一步，因为数据中没有这张表，默认显示创建新表，

点击下一步进入到字段页面，这里与前面的标签有关系，如图标签选择的是字符，那这里就只导入一个字段，如果不是整个json串那就是完整的表了

点击下一步进入到导入模式，如图

在点击下一步进进入到执行页面了，点击开始就开始执行导入了，如图

1、首先进入电脑终端命令窗口，打开终端进入pycharm的安装包里的json文件下。

2、其次在命令框中输入cdpycharm/bin，然后输�….shpycharm.sh。

3、最后在打开pycharm选择json文件进行导入即可。

---