vue开发踩坑记录篇

1、vue项目本地运行局域网如何让同事能访问？

打开config>index.js第16行的host的值改成

host: '0.0.0.0'

然后根目录找到package.json文件，第七行dev的值更改一下，后面的端口就是自己电脑的ip地址，命令行输入ipconfig就能查找到ip，然后启动项目应该就能让同事访问你的地址了，如果不能请检查防火墙是否开启

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 10.0.0.130"

2、如何让vue项目输入启动命令自动打开运行

打开config>index.js第18行的autoOpenBrowser的值改成true

autoOpenBrowser: true,

3、如何关闭vue项目的严格模式，就是运行后控制台命令行提示的警告

打开config>index.js第26行的useEslint的值改成false

useEslint: false,

4、打包后上传至服务器怎么显示空白

打开config>index.js第53行的assetsPublicPath的值改成false

assetsPublicPath: './',

5、vue开发网站在入口页面index.html添加的icon图标怎么在浏览器导航不显示

把显示的图标放入static文件夹中，按照图片路径引入图标

6、vue项目中，本地运行项目背景图片显示正常，上传至服务器css给元素加的背景图片不显示是怎么回事？

打开build>utils.js第50行的下面插入publicPath:'../../'