有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

vue publicpath(vue打包步骤)

vue 炮渣日记 2周前 (11-17) 16次浏览 已收录 0个评论 扫描二维码

1.修改路由(route)配置将history改成hash一共需要修改两处,此处修改会有报错,再把报错的修改即可

vue publicpath(vue打包步骤)

2.在vue.config.js文件中添加路径publicpath:’./’

vue publicpath(vue打包步骤)

3.打开文件目录,在上方输入框输入cmd回车进入控制台,在控制台输入npm run build,如果出现building for production表示正在以正常状态打包

vue publicpath(vue打包步骤)

4.生成完毕会出现一个dist文件夹,打开此文件夹双击index.html如果正常出现首页那意味着成功,如果是空白页,那么请检查上面三条是否一致

vue publicpath(vue打包步骤)

5.此时打包的文件路径上会有一个#很不美观,如果想要去除它,请参照Apache方式(vue官网)

6.如果部署到服务器上,只需要修改Nginx的配置文件夹,讲主页修改为index.html,此时一定要注意文件路径,如果路径出错会出现500的服务器错误,这时候就需要查看错误日志了

喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址