download：《网易云课堂》Vue+Django独立开发电商项目
4.2 静态文件配置
将Vue打包好的dist文件夹中的index文件放到manage.py 同级目录，并将static文件夹也拷贝到同级目录。
配置settings.py
urls.py
创建views.py
index.html文件
vuetify 安装
进入vue项目中，vue add vuetify
axios 安装
安装 npm install axios
main.js 添加一下代码
import axios from 'axios'
Vue.prototype.$axios = axios
1
2
3
关键问题
静态文件的路径设置
静态文件路径设置很关键，否则页面加载不上去。
axios 获取本地文件 和 参数传入
<template>
<div>
<h1>{{msg}}</h1>
</div>
</template>
1
2
3
4
5
<script>
export default {
name: 'App',
data() {
return{
msg:"Welcome to Your Vue.js App"
//
}
},
created () {
this.$axios.get("sample.txt") .then(res=>{ console.log(res)}) .catch(error =>{console.log(error);})}
};
————————————————
版权声明：本文为CSDN博主「battlestar」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/battlestar/article/details/107331082