VUE与django建立连接交互

  • Post author:
  • Post category:vue


1,先创建VUE项目: vue init webpack-simple

test_test

(test_test)项目名

2.进入项目目录下:cd test_test

3.下载补全依赖:cnpm install

4.下载vue-router: cnpm install vue-router –save

5.下载 axios:cnpm install axios –save

6.下载jquery: cnpm install jquery –save

7.检测项目是否创建成功:cnpm run dev

8.将请求地址封装起来,一边日后修改,在src/assets/js目录下创建getPath.js文件

export default function getUrl(str) {
  let url = 'http://localhost:8000/' + str;
  return url;
}

9.在同一个目录下创建axios.js文件

我的前端数据交互使用的模块使用的是axios


import axios from 'axios'
import getUrl from './getPath'
export default {
    Get: (config) => {
        axios({
            methods: "get",
            url: getUrl(config.url),
            params: config.params
        }).then((res) => {
            stateDetection(res);
            config.callback