Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >无法使用Gitlab页面部署VueJS

无法使用Gitlab页面部署VueJS
EN

Stack Overflow用户
提问于 2019-04-10 06:48:52
回答 1查看 347关注 0票数 1

我过去曾使用Gitlab页面进行反应部署,除了VueJS之外,它们工作得很好。在遵循这里示例之后,即使在Gitlab CI管道成功之后,我仍然无法为GitLab页面生成一个网站链接。有人能帮忙吗?

这就是..gitlab ci.yml的样子:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
# .gitlab-ci.yml file to be placed in the root of your repository

pages: # the job must be named pages
  image: node:latest
  stage: deploy
  script:
    - npm ci
    - npm run build
    - mv public public-vue # GitLab Pages hooks on the public folder
    - mv dist public # rename the dist folder (result of npm run build)
  artifacts:
    paths:
      - public # artifact path must be /public for GitLab Pages to pick it up
  only:
    - master

这就是vue.config.js的样子:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// vue.config.js file to be place in the root of your repository
// make sure you update `yourProjectName` with the name of your GitLab project

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/yourProjectName/'
    : '/'
}

提交并推送我的更改后,GitLab CI管道从运行改为成功。我本来希望在Settings > Pages上看到我的网站链接。我点击了它,但我没看到。有什么不对的?

EN

回答 1

Stack Overflow用户

发布于 2022-09-06 21:14:19

可能是资产链接的问题:因为在本地主机上正常,所以所有js文件都位于公用文件夹中,在这个文件夹中,您可以使用/ assets /vuejs.files.js与您的.html页面进行响应或vuejs项目的连接,因此在部署时,您需要重新设置url。

这是vite项目部署https://vitejs.dev/guide/static-deploy.html的文档,其中说明您需要重新设置url,例如:对于您来说,localhost:8000/所有文件都在localhost中:8000/assets/tranovered.vue.js,但是部署您的url与https://gitlab.com/<USERNAME>/<REPO>不同,因为您的基本URL是'/<REPO>/'

要做到这一点,更改,如果不是构建项目,将请求您的资产文件到/ default base url,但不存在,将重定向到gitlab,并将此重定向到登录,因此这是您的问题CORS。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55615522

复制
相关文章
GitLab 安装部署使用
GitLab:是一个基于Git实现的在线代码仓库托管软件,你可以用gitlab自己搭建一个类似于Github一样的系统,一般用于在企业、学校等内部网络搭建git私服。
小陈运维
2022/01/04
9870
使用 Helm 部署 Gitlab
在 Kubernetes 中的安装,自然需要一个可以运行和管理的 Kubernetes 集群,首先创建一个 Namespace 用于 Gitlab 的安装运行:
崔秀龙
2019/07/24
6.3K1
VueJs 部署到 COS 使用 History 路由
可以!但是在涉及到对URL鉴权的场景下(企业微信),一部分参数会被企业微信丢失,即无法获取完整的 URL,因此必须使用 History 的路由方式。
上山打老虎了
2022/06/15
1.1K0
VueJs 部署到 COS 使用 History 路由
如何使用 Docker 部署 GitLab
你否曾经想托管自己的GitLab存储库以确保代码永远不会落入坏人之手?尽管在第三方云主机上托管你的存储库有很多优势(例如可用性和可靠性),但要完全控制你的存储库,这样任何人都可以在未经你批准的情况下访问它。
没有故事的陈师傅
2022/09/15
1.2K0
如何使用 Docker  部署 GitLab
使用GitLab CI/CD简单部署纯页面 制作Docker镜像,推送拉取 .gitlab-ci.yml 详细
buildimg: image: $DOCKER_IMG stage: build tags: - myubuntu1 script: - docker build -t $APP_IMAGE_NAME . - docker login -u $HARBOR_USERNAME -p $HARBOR_PWD $HARBOR_URL - docker push $APP_IMAGE_NAME - docker image rm $APP_IMAGE_NAM
拿我格子衫来
2022/01/24
7650
VueJs生产环境部署
  VueJs为客户端语言,所以部署的时候是不需要基于nodejs或其他服务器运行环境,只需要像其他静态站点的方式发布就可以了,下面介绍一下VueJs具体发布的流程还有需要注意的点。   先来看Vue
磊哥
2018/05/08
1.9K0
VueJs生产环境部署
gitlab服务部署及使用
  Gitlab 是一个基于Git实现的在线代码仓库托管软件,你可以用Gitlab自己搭建一个类似于Github一样的系统平台,一般搭建gitlab私服就是用在公司的内部
Sindsun
2019/12/10
2.3K0
gitlab服务部署及使用
gitlab部署
GitLab 是一个用于仓库管理系统的开源项目。使用Git作为代码管理工具,并在此基础上搭建起来的web服务。可通过Web界面进行访问公开的或者私人项目。它拥有与Github类似的功能,能够浏览源代码,管理缺陷和注释。可以管理团队对仓库的访问,它非常易于浏览提交过的版本并提供一个文件历史库。团队成员可以利用内置的简单聊天程序(Wall)进行交流。它还提供一个代码片段收集功能可以轻松实现代码复用。
星哥玩云
2022/09/15
6410
gitlab部署
gitlab 部署
下载汉化补丁 git clone https://gitlab.com/xhang/gitlab.git #下载补丁 cat gitlab/VERSION #查看汉化版本 下载指定版本 https:/
以谁为师
2019/05/31
1.3K0
【gitlab】gitlab快速部署教程
下载页面: https://mirrors.tuna.tsinghua.edu.cn/gitlab-ce/ubuntu/pool/xenial/main/g/gitlab-ce/
HansBug
2018/10/25
1.9K0
gitlab-1:部署gitlab
baseurl=https://mirrors.tuna.tsinghua.edu.cn/gitlab-ce/yum/el$releasever/
千里行走
2020/10/27
9110
gitlab-1:部署gitlab
Docker 部署 Gitlab
基于 docker 部署 gitlab 比较方便,但服务器至少需要 4GB 内存,否则可能出现 502 错误。
jwangkun
2021/12/23
1.1K0
docker 部署Gitlab
今天看到有个人 把 docker 部署Gitlab 的文章设置为付费文档了 我就呵呵了。。。 我也来下一篇,免费的
拿我格子衫来
2022/01/25
3530
docker部署gitlab[通俗易懂]
这篇文章用来记录下我在使用docker部署gitlab时候遇到的一些坑。 先介绍下我的环境: 阿里云的轻量应用服务器:2核4G(好像最低要求配置,之前用2核2G的部署,直接给内存溢出),centos7.6
全栈程序员站长
2022/11/10
4.9K0
docker部署gitlab[通俗易懂]
Docker部署gitlab
参考:https://github.com/sameersbn/docker-gitlab/blob/master/README.md 安装docker-gitlab docker pull sameersbn/gitlab 安装PostgreSQL docker pull sameersbn/postgresql 安装redis docker pull sameersbn/redis 启动postgresql容器 mkdir -p /opt/postgresql/data 启动容器 docker run
苦咖啡
2018/04/28
1.5K0
centos7使用 Docker Engine部署gitlab
五、启动docker前准备 (docker应用需要用到各种端口,逐一设置比较麻烦,建议直接关闭防火墙) 重要的事请说三遍:启动docker前,一定要关闭防火墙、启动docker前,一定要关闭防火墙、启动docker前,一定要关闭防火墙(关闭前可通过查看查看防火墙状态来检验是否关闭)
GH
2022/09/21
5130
Gitlab CICD 与Kubernetes实践·部署GitLab
上一篇,简单的从?Gitlab CI/CD方法论中探索实践中大致了解Gitlab在CI/CD功能的基本介绍,现在我们通过在K8s集群内安装Gitlab、Gitlab Runner来为深入探索Gitla
公众号: 云原生生态圈
2020/11/02
2.3K0
Gitlab CICD 与Kubernetes实践·部署GitLab
使用镜像部署 Hexo 静态页面
使用 Github Pages ,部署静态网站非常方便。一次配置,每次提交都可以自动部署更新。再加上 jsDelivr、Cloudflare 加速,在免费方案中,已经生产可用。
陈少文
2020/09/16
1.7K0
使用镜像部署 Hexo 静态页面
vuejs之结合使用vue+element-ui搭建后台管理页面
进入到该项目目录,输入:npm install --save element-ui
西西嘛呦
2020/08/26
1.2K0
部署自己的GitLab
先说明一下自己的想法:无论怎么样,个人确实先不想升级到centos7上面,因为我觉得centos6还是比较占用资源少的,而且作为生产环境,centos6完全够用了。
全栈程序员站长
2022/07/20
3700
部署自己的GitLab

相似问题

使用下游阶段部署gitlab页面

12

Gitlab页面-增量部署

13

无法将Kubernetes部署链接到GitLab环境页面

10

在GitLab上部署Compodoc文档而不使用GitLab页面

10

无法使用GitLab CI/CD部署AKS

28
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文