vu2 はローカルで通常どおり実行されますが、生成およびデプロイ後に 404 を報告します。
これは env.production 構成です
//env.production
# 页面标题
VUE_APP_TITLE = 管理系统-生产环境
# 生产环境配置
ENV = 'production'
# 管理系统/生产环境
VUE_APP_BASE_API = '/api'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true
これはenv.development構成です
//env.development
# 页面标题
VUE_APP_TITLE = 管理系统-开发环境
# 开发环境配置
ENV = 'development'
# 开发代理。!!!!! 在该文件的同级目录下新建`.env.development.local`文件配置。
VUE_APP_PROXY_URL=http://192.168.193.210:8088/fee
# 管理系统/开发环境
VUE_APP_BASE_API = '/api'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true
以下は私の vue.config プロキシ構成です
//vue.config
proxy: {
[process.env.VUE_APP_BASE_API]: {
target: process.env.VUE_APP_PROXY_URL,
changeOrigin: true,
pathRewrite: {
['^'+process.env.VUE_APP_BASE_API]: ''
}
}
##問題: 上記の構成はローカルでは問題ありませんが、オンラインになった後、要求インターフェイスが 404 を報告します。
##回答: リクエスト インターフェイスが /index
1 の場合、vue.config.js のプロキシ構成はローカル開発に使用され、プロキシ /api/index は運用環境では使用されません
。ここでの API は次のとおりです。 config.js のエージェント 2 は
、オンライン デプロイメントの後、 env.production の構成、次のコード、
VUE_APP_BASE_API 変数スプライシング インターフェイスによって取得された完全なリクエスト アドレス http://192.168.193.210:8088/fee/ を使用します。索引
//env.production
VUE_APP_BASE_API = http://192.168.193.210:8088/fee