本文小编为大家详细介绍“node.js怎么快速部署vue代码”,内容详细,步骤清晰,细节处理妥当,希望这篇“node.js怎么快速部署vue代码”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。注:vue打包命令 npm run build新建demo文件夹终端输入命令npm init
取项目名然后一路回车到底一个微型的服务器就搭建起来了能正常访问就代表服务器配置成功了,注意配置路由的时候,要加‘/’1、根目录下新建一个文件(一般命名为static或public),把vue打包后的dist目录里的html、css、js文件放进去2、server.js中指定静态资源位置3、访问静态资源点击跳转其它页面,也能正常访问这样,一个vue写的项目就部署到服务器上了如果你设置的路由器的工作模式是hash模式,那么到这一步就完结了!!但是,如果你设置的路由器工作模式是history
模式,跳转到其他页面,刷新后就会报错通过主页点击跳转到其他页面时,可以正常显示刷新该页面,就会报 404点击跳转时,不会发送网络请求,前端路由器带动页面、url变化但刷新时,会发送网络请求。 把后面的路径当成资源,去请求服务器,而服务器下没有/home/news
这个资源,所以就报错了hash模式时,不会把#/
及后面的路径当成资源,去请求服务器需要后端人员支持,解决刷新页面服务端404的问题 — 要区分资源是属于前端路由还是后端路由如果服务器采用的是node.js可以采用connect-history-api-fallback
中间件来解决它是专门用于在node.js里面去解决history模式404的问题1免费云主机域名、安装 connect-history-api-fallback2、使用connect-history-api-fallback读到这里,这篇“node.js怎么快速部署vue代码”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。
相关推荐: Matlab中图像数字水印算法的原理与实现方法是什么
本篇内容主要讲解“Matlab中图像数字水印算法的原理与实现方法是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Matlab中图像数字水印算法的原理与实现方法是什么”吧!图像数字水印技术以一定的算法将一些标志性…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。