Red de conocimiento informático - Material del sitio web - Cómo resolver elegantemente entre dominios (conflictos de enrutamiento) en vue

Cómo resolver elegantemente entre dominios (conflictos de enrutamiento) en vue

Cómo resolver elegantemente conflictos entre dominios y 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>

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>

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.