项目 [ 真机测试 , 打包上线]

一 真机测试

手机浏览器运行项目：

1. 手机和电脑端 使用同一网络 或 同一wifi
2. vue.config.js 文件 添加 host 自己电脑查询 ipconfig 的 ipv4地址 module.exports = { devServer: { host: "192.168.31.206", } }
3. 手机浏览器访问页面： http:// ip地址（第2步的）: 8080

真机测试遇到的问题：

1. 禁止双击放大缩小： npm install fastclick -S

   在main.js引入 import fastClick from 'fastclick' fastClick.attach(document.body);

2. vue 滑动页面关闭键盘事件 blog.csdn.net/m0_58875967…

二 打包上线 前端和 后端配合

1. 配置 vue.config.js 文件加上：

    module.exports = {
    publicPath: './', // 打包要加的一个东西
    }
   

2. router文件夹 index.js 注释掉： // mode: "history",

3. npm run build 打包项目 生成一dist目录文件，访问dist的index.html页面还是有问题的，把dist文件给到后端，设置各种跨域问题