1,修改,env.production文件
# just a flag
ENV = 'production'
# base api
VUE_APP_SERVICE_URL = 'https://****.****.***'
# VUE_APP_BASE_API = '/api' 反向代理就加这个
2,修改,env.development文件
# just a flag
ENV = 'development'
# base api
# VUE_APP_SERVICE_URL = 'https://****.***.***'
# VUE_APP_BASE_API = '/api'
3,修改,vue.config.js文件
module.exports = {
publicPath: '/',//如果发现访问不了改成./
outputDir: 'dist',//文件目录
assetsDir: 'static',
lintOnSave: process.env.NODE_ENV === 'production',//development开发 production生产
productionSourceMap: false,//打包时不生成.Map,应为.Map文件是出错时会解析在哪里哪行出错,不安全
devServer: {
port: port,
host: 'localhost',//主机
open: true,
// https:true,
overlay: {
warnings: false,
errors: true
},
/**
* 动态代理
**/
proxy: {
[process.env.VUE_APP_BASE_API]: {
target: process.env.VUE_APP_SERVICE_URL,
changeOrigin: false,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
}
}
}
// before: require('./mock/mock-server.js')
},
}
打包生产环境
npm run build:prod
我用的是tp所以放在/public文件夹里,创建/backend文件夹,把打包的东西都放进去
访问https://***.***.com/backend/
如果是前后分离,需要niginx做反向代理,这里我没弄找一下很多的