【vueデプロイメント】ローカルは正常ですが、デプロイ後に404が報告されます

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

おすすめ

転載: blog.csdn.net/weixin_45475798/article/details/127796436