vue呼び出し公開インタフェースにドメイン間解決策が現れる

2374 ワード

vue呼び出し公開インタフェースにドメイン間解決策が現れる
  • 1、直接ドメイン間要求エージェント
  • 最近vueプロジェクトをして、自分の個人サイトを作りたいと思っています.その中にはネット上の無料インタフェースが呼び出されていますが、ドメインをまたぐ問題が発生しています.アリクラウドサーバーに配備してみてもだめです.ドメイン間リクエストエージェントを試してみるまで、それでいいです.あまり言わないで、下の図を見てください.
    1.直接ドメイン間要求エージェント
    vueプロジェクト構造のconfig/indexを開きます.js、proxyTableの内容を追加:
    
    module.exports = {
     dev: {
       // Paths
       assetsSubDirectory: 'static',
       assetsPublicPath: '/',
       proxyTable: {
         '/api': {
           target: 'https://ebb.io/_',  //     ,network     api     
           changeOrigin: true, //   
    	   pathRewrite: {
             '^/api': ''
             //        ‘/api’  target     
           }
         }
       },
    }
    
    

    これにより,エージェントを設定した後にhttpリクエストを開始すると,インタフェースを呼び出すときにソースアドレスの代わりに/apiを直接使用することができる.例を挙げると、私は呼び出します.https://ebb.io/_/user/add'/api/user/add'を直接書けばいいので、ドメイン間では避けられます.
    最后に次のgithubの上でオープンソースのアニメ・漫画のウェブサイトを分かち合って、ウェブサイトの风格はとてもniceで、自分が个人のウェブサイトの小さい仲间を筑きたいことを助けることができることを望みます.github: https://github.com/ebb-io/ebbx