vue项目开发流程

Posted 2020-10-16

vue的环境配置好之后，让项目运行起来，一般是localhost:8080,如果是移动端，想在手机上查看效果，可以用电脑ip连接访问

1.打开控制台查看本机ip,输入命令：ipconfig

2.修改项目config文件夹下的index.js

host: ‘localhost‘

port: 8080,

这两项修改,localhost替换为本机ip地址，端口随意，最好不用8080

3.npm run dev 让项目跑起来，运行成功就可以查看了

如： Your application is running here: http://192.168.1.110:8686

复制后面的地址在浏览器打开，发现后面多了http://192.168.1.110:8686/#/

4. 强迫症表示很想去掉#/

打开src/router/index.js，加上mode: ‘history‘

export default new Router({
  mode: ‘history‘,  //  去掉地址栏后面的 #/
  routes: [
    {
      path: ‘/‘,
      name: ‘HelloWorld‘,
      component: HelloWorld
    }
  ]
})

vue项目所需的基本配置就好了