1. Abra el proyecto, encontrar los index.js carpeta de configuración, realice los siguientes cambios
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api':{
target: 'http://www.baidu.com',//后端api地址
changeOrigin: true,
pathRewrite:{
'^api': ''
}
}
},
2. A continuación, abra el archivo src bajo App.vue configurar el prefijo por defecto
export default {
name: 'App',
created: function () {
this.$http.defaults.baseURL = 'https://www.baidu.com/api'
//后端api默认前缀,每个请求都加上这个前缀访问后台api
}
}
3. Abrir el proyecto, encontrar los prod.env.js carpeta de configuración, realice los siguientes cambios
'use strict'
module.exports = {
NODE_ENV: '"production"',
API_HOST: '"http://www.baidu.com"'//后端api地址
}
4. Busque la carpeta de configuración dev.env.js, realizar los siguientes cambios
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_HOST: '"http://localhost:8080"'//这里是本地的访问ip配置
})
5. archivo de proyecto de ejecución empaquetado acumulación Entonces NPM generada después de la finalización del archivo de proyecto en la carpeta raíz dist, el dist carpeta puede ser cargado en el servidor