vue-cli --动态配置Ip地址,而不需要每次都打包

3,625 阅读1分钟

思路:

1.在不参与打包的文件外新建一个ipConfig.js,然后在index内引入其中的参数。

-

ipconfig.js

 //ip配置参数
const IPCONFIG = 'http://111.231.75.122/';

index.js

 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>xxxx</title>
  </head>
  <body>
    <div id="app"></div>
    <script src="./static/ipConfig.js"></script><!--在html内引入新建的ipConfig.js-->
  </body>
</html>

2.然后在axios拦截器中设置这个动态路径

import axios from 'axios';
axios.default = IPCONFIG;//设置默认ip ipconfig这个参数。。