vue項目開發流程(一)
阿新 • • 發佈:2017-11-30
訪問 running you 命令 http nbsp div spa new
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項目所需的基本配置就好了
vue項目開發流程(一)