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、实际进行项目开发

这个没什么说了，根据需求自己写组件即可