一、分析为什么将vue打包后的文件放到二级目录页面会是空白? 首先,假设这样一个情景,我们想www.domain.com/yunnan二级目录来访问我们的页面。 然后,在没有做任何配置下,打包的文件扔到yunnan下; 此时目录结构如下: /www |-----/yunnan ...
新项目:同一域名下部署多个vue项目, 根目录vue项目不需要按下面的方式进行打包部署 下面三个项目以二级目录部署 以上链接不可用,作为示例,不要点击。此方法适用于多vue项目,二级目录部署 前端在打包静态文件的时候需要进行以下修改: 在vue.config.js 配置文件中,publicPath 和 outputDir 都改为 子目录名 。 入口文件 index.html 的head 标签内加入 ...
2021-11-16 16:13 0 1790 推荐指数:
一、分析为什么将vue打包后的文件放到二级目录页面会是空白? 首先,假设这样一个情景,我们想www.domain.com/yunnan二级目录来访问我们的页面。 然后,在没有做任何配置下,打包的文件扔到yunnan下; 此时目录结构如下: /www |-----/yunnan ...
最近通过Vue3写了个Web展示项目,部署的时候不希望再弄个新域名或者二级域名,想到的使用二级目录。 最初按照正常的Vue发布来部署,Nginx配置如下 通过"域名/web"访问,返回500。 后来再网上查询,大部分说需要 配置vue.config.js中的publicPath ...
1、vue.config.js 里将publicPath设置成二级目录 2、router.js 里 设置二级目录( * vue3里使用createRouter) 3、服务器配置 apache: <IfModule ...
需求有的时候,你的域名很珍贵,除了二级域名外。你还可以将你的项目部署在服务器二级目录下,这样的话,就可以部署多个项目了。比如说,我有一个域名为dshvv.com的服务器,我想部署两个项目:12306项目:http://dshvv.com/12306淘宝项目:http://dshvv.com ...
1.修改config文件夹下的index.js assetsPublicPath: '/demo/' //你的服务器二级目录 2.修改路由js文件 var base = process.env.NODE_DEV == 'development' ? '/' : '/demo ...
首先,给需要部署的项目定义一个 NGINX 的 server 再到配置域名的主配置 ...
问题分析: 因为打包后的文件是从根目录开始找的,所以把打包后的文件放在二级目录下时引入的资源路径将无法被正确解析。 解决办法: 1、静态文件路径错误 找到config文件夹下的index.js文件,把assetsPublicPath 中的'/'成为'./' 2、背景图片路径错误 ...
二级目录名称:www.baidu.com/yhmanage 路由配置: 配置文件改动: 发布的文件要放在那个上下文中(yhmanage)外面不用放,nginx目录指定yhmanage父级manage文件夹,conf配置如下: ...