Cómo resolver elegantemente entre dominios (conflictos de enrutamiento) en vue
Cuando configuramos el siguiente proxy en enrutamiento, podemos resolver problemas entre dominios.
Tabla de proxy: {
/goods/*: {
Destino: "/API/": "API/"
}
Luego, introduzca main.js para garantizar que los prefijos de definición de producción y desarrollo puedan coincidir dinámicamente.
Desde 'import apiConfig../config/api.config'
Importar Axios desde "axios"
Importar VueAxios desde "vue-axios" p> p>
Vue.use(VueAxios,Axios)
axios. URL base = URL base API
Después de la configuración anterior, se puede configurar fácilmente. Se accede en el dom, no es necesario introducir el módulo axios en ningún componente.
Cerrar sesión(){
Esto. $/api/': 'api/'
}
No sé mucho sobre configuración de producción y desarrollo.
Puedes ir a dev-server.js para ver el código de configuración.
const webpackConfig =(proceso . ENV . nodo _ ENV = = = 'prueba' | | proceso . ENV . nodo _ ENV = = = 'producción')?
Require('./webpack.prod.conf'):
Require('./webpack.dev.conf')
En main.js configurado en el archivo de entrada.
Desde 'import apiConfig../config/api.config'
Importar Axios desde "axios"
Importar VueAxios desde "vue-axios" p> p>
Vue.use(VueAxios,Axios)
axios. URL base = configuración de API. URL base
Gesto para solicitar API en dom.
Cerrar sesión(){
Esto. $http.post('/usuarios/logout '). Luego (resultado = gt{
Establecer res = resultado.data
this . apodo = "";
consola . log(RES);
})
},
getGoods(){
Esto. $http.post('/bienes/lista '). Luego (resultado = gt{
Establecer res = resultado.data
this . apodo = "";
consola . log(RES);
})
}
Para el entorno de producción del proyecto vuejs, lea el siguiente artículo sobre cómo resolver problemas entre dominios en línea.
Mire este artículo sobre el inicio del proyecto Vue, que está escrito especialmente para el inicio.