默认的项目启动后访问localhost:8080

但是有时候你想自己配置这个东西，那么只需要在vue.config.js文件里配置就行，如果没有，自己新建一个。

内容如下

module.exports = {
          
   
    devServer: {
          
   
        disableHostCheck: false,
        host: "169.254.xx.xx",
        port: 8091,
        https: false,
        hotOnly: false,
        proxy: null
    },
};

端口和IP一看就看明白了，不用多说了吧。

然后访问的时候修改链接IP和端口就可以访问到了。

当然还有设置首页。

作为一个项目运行访问端口的时候直接跳转首页是必要的，这也很简单之前把组件信息全部注册到router目录下的index.js里了，这里有如下信息 需要作为首页的path直接设为**/**就可以了。

页面刷新

当一个页面进行了增删改查之后，肯定是需要自动刷新页面的，要不然数据不会变化 第一步：在创建项目自带的App.vue里添加provide、data和methods

provide () {
          
       //父组件中通过provide来提供变量，在子组件中通过inject来注入变量。                                             
            return {
          
   
                reload: this.reload                                              
            }
        },
        data() {
          
   
            return{
          
   
                isRouterAlive: true           //控制视图是否显示的变量
            }
        },
        methods: {
          
   
            reload () {
          
   
                this.isRouterAlive = false;            //先关闭，
                this.$nextTick(function () {
          
   
                    this.isRouterAlive = true;         //再打开
                }) 
            }

第二步： 在需要刷新的页面添加inject:[‘reload’], 第三步： 在需要刷新的地方添加 this.reload()，当然可能不一定是this，是你自己定义的方法，但是函数一定是 reload()