web前端页面访问的两种方式
有人会问了 同样是web前端的项目,为什么用模块化(ng、react、vue)开发的项目必须得tomcat、http-server等服务器才能正常访问呢?而普通的项目文件能直接访问。其实很简单,就是因为index文件引入的其他文件是绝对路径,注意是路径问题。因为vue-cli的默认配置中, publishPath是用绝对目录, 所以dist文件夹里的文件必须放在服务器的根目录。如果你...
·
有人会问了 同样是web前端的项目,为什么用模块化(ng、react、vue)开发的项目必须得tomcat、http-server等服务器才能正常访问呢?而普通的项目文件能直接访问。
其实很简单,就是因为index文件引入的其他文件是绝对路径,注意是路径问题。
因为vue-cli的默认配置中, publishPath是用绝对目录, 所以dist文件夹里的文件必须放在服务器的根目录。
如果你想打包后的文件在本地运行,那么以下提供一种解决办法可尝试(解决办法很多)
解决办法其中之一:只要把产出后的index.html文件资源路径前面的'/'去掉,就O了。
更多推荐
已为社区贡献2条内容
所有评论(0)