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项目所需的基本配置就好了
时间: 2024-10-31 16:11:31