vue-vue.co nfig.jsにおけるdevServerの配置方式

前言
ここでは、インターフェースを呼び出すための基本的なパスを書いて、ドメインを越えて解決します。エージェントを設定すると、ローカル開発環境のaxios baseUrlは'と書いてください。つまり空の文字列です。
一つのインターフェースipポートのみの場合

devServer: {
  open: false,
  //   
  proxy: {
   '/nuojinadm/': {
    target: 'http://192.168.0.11/',
    changeOrigin: true
   }
  }
 }

2、axiosに設置されたbaseUrlはproxyポートと一致しています。

baseUrl: {
  dev: '/nuojinadm/',
  pro: '/nuojinadm/'
 }

複数のipポートがある場合

devServer: {
  open: false,
  port: 8801, //      8080  
  //     
  proxy: {
   '/proxy1/adm/': {
    target: 'http://192.168.0.xx:xxxx/',
    changeOrigin: true
   },
   '/proxy2/adm/': {
    target: 'http://192.168.0.xx:xxxx/',
    changeOrigin: true
   },
   '/httpsProxy3/config/': {
    target: 'https://xx.xx.com',
    secure: false, // https     
    changeOrigin: true
   }
  }
 }

2、axiosの中のbaseUrlを空に設定する。

 baseUrl: {
  dev: '/',
  pro: '/'
 }

3、各request（axios）ページで

const proxyxxx= '/xxx/xxx'

export const getBannerList = params => {
 return axios.request({
  url: `${proxyxxx}/banner/v1/banner/${params.pageSize}/${params.pageNum}`,
  params,
  method: 'get'
 })
}

以上のvue-vue.co.fig.jsのdevServerの構成は、小編集で皆さんに共有された内容の全てです。参考にしていただければと思います。どうぞよろしくお願いします。