devServer

只有一个接口ip端口时

[js] view plaincopy
 
  1. devServer: {  
  2. open: false,  
  3. // 跨域  
  4. proxy: {  
  5. '/nuojinadm/': {  
  6. target: 'http://192.168.0.11/',  
  7. changeOrigin: true  
  8. }  
  9. }  
  10. }  

2、设置axios中的baseUrl 与proxy端口一致

[js] view plaincopy
 
  1. baseUrl: {  
  2. dev: '/nuojinadm/',  
  3. pro: '/nuojinadm/'  
  4. }  

当有多个ip端口的接口时

[js] view plaincopy
 
  1. devServer: {  
  2. open: false,  
  3. port: 8801, // 自定义修改8080端口  
  4. // 代理跨域  
  5. proxy: {  
  6. '/proxy1/adm/': {  
  7. target: 'http://192.168.0.xx:xxxx/',  
  8. changeOrigin: true  
  9. },  
  10. '/proxy2/adm/': {  
  11. target: 'http://192.168.0.xx:xxxx/',  
  12. changeOrigin: true  
  13. },  
  14. '/httpsProxy3/config/': {  
  15. target: 'https://xx.xx.com',  
  16. secure: false, // https协议才设置  
  17. changeOrigin: true  
  18. }  
  19. }  
  20. }  

2、设置axios中的baseUrl 设置为空

[js] view plaincopy
 
  1. baseUrl: {  
  2. dev: '/',  
  3. pro: '/'  
  4. }  

3、在每个request（axios）页面中

[js] view plaincopy
 
  1. const proxyxxx= '/xxx/xxx'  
  2.   
  3. export const getBannerList = params => {  
  4. return axios.request({  
  5. url: `${proxyxxx}/banner/v1/banner/${params.pageSize}/${params.pageNum}`,  
  6. params,  
  7. method: 'get'  
  8. })  
  9. }  
posted @ 2020-07-13 16:24  mrt_yy  阅读(272)  评论(0)  编辑  收藏  举报