VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
新天域互联优惠活动
wexlayer优惠活动
最新

编译后实际项目不在根目录中(项目编译操作,相应的英语操作名称)该怎么办

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

这次,如果实际项目在编辑后不在目录中,以及如果实际项目在编译后不在根目录中,该怎么办。以下是一个实际情况。让我们看看。

示例。 :

vue -ルーター:履歴モードイントラネット環境:192.168.1.1:8080/index.html外部環境:domain.com/ttsd/index.html

プログラムは、いくつかの構成変更を行う必要があります。

Change configuration file

1. Modify the packaged resource reference to a relative path. config/index.js。更改称为相对路径的资源文件(图像,视频,字体文件等)。 Find build/utils.js and add (or modify publicPath) '..//../'

if(options.extraw) {return extracttextplugin.extrage({use:loaders, fallback:' vue - style - loader ', publicpath:' ../../ '// {modify path ols ex ['vue - loader']. concat(loader)}

在路由历史模式中,所有路线均基于根路径,例如 /xxxx-路由器提供基本属性

基本类型:字符串默认值: /应用程序的基本路径。 例如,如果整个单页应用程序服务不在 /应用程序中,则应将基数设置为 /app /。

Change Routing Code

Function getabsolutepath() {let path = location path.substring(0, path.lastindexof('/') + 1)const router = new router({Mode: 'History', Base: getabsolutepath(), getabsolutepath(), getabsolutepath) You can also access the project successfully. 但是仍然有问题。跳到特定的路线并刷新页面,然后成为GG。页面是空白的。 目前,您需要修改NGINX的配置。

nginx

nginx nginx the,https://router.vuejs.s.org/zh.org/zh.org/zh/essentions/history - mode.html# // try_files $ uri $ uri // dist/index.html;}

注意:/dist基于实际部署的网站目录很好。 我个人觉得我可以通过内置的NGINX说明动态获取它,因此我在下面对此并不了解。

我认为您在阅读此情况后掌握了此方法。有关更多令人兴奋的事情,请注意主机参考其他相关文章!

推荐阅读:

vuepress创建个人网页

如何控制箭头键

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:编译后实际项目不在根目录中(项目编译操作,相应的英语操作名称)该怎么办 https://zhujicankao.com/147235.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 编译后实际项目不在根目录中(项目编译操作,相应的英语操作名称)该怎么办
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!