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が必要ですが、ここではあまり見つかりませんでした。