vueプロジェクトは包装した後、住所が間違っていますか?


vueプロジェクトnpm run devではドメイン間要求が正常ですが、梱包後の要求アドレスが間違っています。(要求住所が存在しません。)データが要求されません。

vueプロジェクトでよく使われているのはproxyTableエージェントです。これは便利ですが、プロジェクトが包装された後にこの問題が発生しました。
解決方法は以下の通りです。
configフォルダのindex.jsファイルを開き、以下のコードを追加します。

pathRewrite: {
 '^api':'https://*****.com' //         
}

2.開発環境の住所を設定すると、configフォルダの下のdev.env.jsファイルです。以下のコードを追加します。

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
 NODE_ENV: '"development"',
 API_HOST:'"/api"' //         
})
3.生産環境の住所を設定すると、configフォルダの下のprod.env.jsファイルです。以下のコードを追加します。

'use strict'
module.exports = {
 NODE_ENV: '"production"',
 API_HOST:'"https://**********.com/api"' //       
}
})
インタフェースの住所がapiという公共経路がないと追加しないでください。
4.次にコンポーネントの中で使うべきです。

 methods : {
  getData() {
  let _this = this;
  this.http(this,{
  //process.env.API_HOST        api  
   url : process.env.API_HOST+'/platform/index/new',
   // headersType : 1 //token
  }).then(res=>{
   this.ShowSkeleTon = true;
   this.list = res.list;
  },err=>{
   console.log(err);
  });
  },
 },
そして、すべてのコンポーネントのurlアドレスを修正します。
面倒ですが、この問題は完璧に解決できます。包装してもデータを要求できます。
追加知識:vueプロジェクトの展開後、ドメインをまたいでバックエンドを要求できませんでした(解決されました)
未解決前

認証コードの読み込みに失敗しました。
解決後

認証コードの読み込みに成功しました。
解決策
nginx/conf/nginx.comでは、以下のように構成されています。

server {
 listen 8080;  #       
 server_name 127.0.0.1; #     ip  
 root /usr/local/nginx/html; #            
 #charset koi8-r;
 #access_log logs/host.access.log main;
 location / {
  # root /usr/local/nginx/html/;
  try_files $uri $uri/ /index.html;
  index index.html index.htm;
 }
 #       
 location /req {
  rewrite ^.+req/?(.*)$ /$1 break;
  proxy_pass http://127.0.0.1; #          
  proxy_redirect off;
  proxy_set_header Host $host;
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
 }
 #       
 location /api {
  proxy_pass http://127.0.0.1:/login; #           
  proxy_http_version 1.1;
  proxy_set_header Upgrade $http_upgrade;
  proxy_set_header Connection ‘upgrade';
  proxy_set_header Host $host;
  proxy_cache_bypass $http_upgrade;
 }
 }
上記は二つの解決法を提供していますが、二つとも第二の方法を使うと問題が発生します。
以上のこのvueプロジェクトは包装した後、住所の誤りを要求します。包装した後、ドメインをまたぐ操作は小編纂で皆さんに全部の内容を共有します。