主机参考: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创建个人网页
如何控制箭头键
这几篇文章你可能也喜欢:
- 实战项目编译后不在根目录下(项目无法编译)怎么办
- 编译后实际项目不在根目录下怎么办?
- 什么是Ubuntu?有什么用?Ubuntu系统做什么?
- nginx服务器究竟是如何执行PHP项目的
- ZABBIX 4.04安装文档教程详细信息(基于CentOS 7.6)
本文由主机参考刊发,转载请注明:编译后实际项目不在根目录中(项目编译操作,相应的英语操作名称)该怎么办 https://zhujicankao.com/147235.html
评论前必须登录!
注册