Este blog se basa en el profesor Wu de Tencent Classroom "VueCli3 Actual Combat Project-Restoring Ele.me Ordering App (inicio de sesión con código de verificación por SMS y posicionamiento de Gaode)". Las conferencias son muy buenas, si quieres aprender, bienvenido a unirte.
configuración axios
Axios montando
cnpm install axios - guarde
en main.js la
importación desde Axios Axios
Vue.prototype. Axios = axios; las referencias globales podrían axios = axios; la referencia global puede sera x i o s=a x i o s ;Puede estar en la placa completa incorporada con los axios de solicitud de transmisión
vue solicitud entre dominios
Cree el archivo vue.config.js en la ruta raíz
module.exports = {
devSever:{
open:true,
host:'localhost',
port:8080,
https:false,
hotOnly:false,
// 跨域
proxy: {
'/api': {
target: 'https://ele-interface.herokuapp.com/api/',
ws: true,
changOrigin: true,
pathRewrite: {
'^/api':''
}
}
},
before: app=>{
}
}
}
Hacer un componente de barra de pestañas
const router = new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{
path: '/',
// name: 'index',
component: () => import('./views/index.vue'),
children:[
{
path:'',
redirect: '/home'
},
{
path:'/home',
name: 'home',
component: () => import('./views/Home.vue')
},
{
path:'/order',
name: 'order',
component: () => import('./views/Order.vue')
},
{
path:'/me',
name: 'me',
component: () => import('./views/Me.vue')
}
]
},{
path: '/login',
name: 'login',
component: () => import('./views/Login.vue')
}
]
})