Vue+Django独立开发电商项目

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

更多相关文章

随机推荐