Vuecli搭建项目

VueCli开始一个新项目

router理解

一个router文件

import Vue from 'vue'import Router from 'vue-router'import gansijingjing from '@/components/demo'Vue.use(Router)export default new Router({  routes: [    {      path: '/',      name: 'HelloWorld',      component: gansijingjing    }  ]})

import gansijingjing from '@/components/demo'gansijingjing只是是个名字，自定义

vuecmd校验太多 关闭eslint

或者在初始化项目时不启动eslint

使用axios请求并解决跨域问题

• 在main.js内添加

import axios from 'axios'Vue.prototype.$http= axios

• 创建一个vue页面调用get

• 修改config下index.js里允许跨域

module.exports = {  dev: {    // Paths    assetsSubDirectory: 'static',    assetsPublicPath: '/',    proxyTable: {        '/api': {            target: 'http://127.0.0.1:8688/',//设置你调用的接口域名和端口号 别忘了加http            changeOrigin: true,            pathRewrite: {                         '^/api': '/'                            //这里理解成用‘/api'代替target里面的地址，                            //后面组件中我们掉接口时直接用api代替 比如我要调                            //用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add'即可                        }        }        },