vue开发记录汇总
一、环境配置
1、安装node ,安装vue-cli3 ,npm安装指定插件
二、正式开发
1、配置文件路径
如何配置文件路径呢?在项目根目录建立一个vue.config.js,输入以下代码即可,具体逻辑看vue-cli文档,大致就是会去查这个文件里的配置,未深究
const path = require('path')// 引入path模块
function resolve (dir) {
return path.join(__dirname, dir)// path.join(__dirname)设置绝对路径
}
module.exports = {
chainWebpack: (config) => {
config.resolve.alias
.set('@', resolve('./src'))
.set('page', resolve('./src/page'))
// set第一个参数:设置的别名,第二个参数:设置的路径
}
}
2、首先封装axios
封装常用请求方法 具体方法整理到https://www.cnblogs.com/hufengTE/p/12108539.html
记得在main文件进行注册
// 必须使用这个进行注册
Vue.prototype.$http = axios
Vue.prototype.$post = post
Vue.prototype.$get = get
3、根据不同环境配置不同的URL地址
https://cli.vuejs.org/zh/guide/mode-and-env.html
新建.env.development,.env.production文件,设置VUE_APP_BASE_API='http://127.0.0.1:5000/'
process.env.VUE_APP_BASE_API 根据不同配置会加载你不同设置的url
4、实际进行项目开发
这个没什么说了,根据需求自己写组件即可