解决办法：
1、新建一个js文件用于保存服务器的ip地址，将当前ip存入window对象，内容如下：
2、在webpack配置文件中找到plugins选项，配置插件：
3、在index.html文件中以script标签形式引入server.js(保存ip)文件，注意在打包的时候开发环境和生产环境的路径问题：
4、在main.js中将ip添加到vue原型中：Vue.prototype.ip = window.ip
5、最后在需要调用 的地方直接使用this.ip即可。
6、打包之后的目录结构，如果服务器的ip地址发生了变化，可直接修改server.js文件，然后保存。
要引入vue.js，可以通过在script的src属性中写一个网址来导入在线的vue.js文件。使用在Vue.js的官网上直接下载vue.js文件到本地通过在script的src属性中写一个网址来导入在线的vue.js文件。最近在学习vue.js，当创建好一个webpack 项目后，vue实例是怎么显示到网页上的呢？
新建好后在你的 webpackProject 项目里面主要有以下的文件夹
build：在开发阶段不用管
config：配置目录
node_modules：存放项目开发的依赖模块
src：开发目录，先在这里学习
static：静态资源，图片、字体可以放在这里
还有一个index.html 文件，这是首页的入口
src文件夹下有 App.vue 和 main.js 两个文件，App.vue就是个组件
App.vue中可以写 <template>、js、<style>， 其中必须要有export default 来表示对外输出本模块
main.js是初始化vue实例并使用需要的插件
首先引入了Vue库和App.vue，创建了一个vue实例，template 和 components 写入相应的组件，并且选择要挂载的元素
最后在首页 index.html中写入
<body>
<div id="app"></div>
</body>
即可；
—— 在中记录我的学习情况 ，以后继续深入 ——
