文章 2024-03-06 来自:开发者社区

如何进行 Vue 项目的构建和部署?

进行 Vue 项目的构建和部署可以按照以下步骤进行: 安装必要的依赖:使用包管理工具(如 npm 或 yarn)安装 Vue 及其相关的依赖项。配置构建工具:选择适合的构建工具,如 Vue CLI(Vue.js 的官方命令行工具)或其他构建系统,如 Webpack。定义构...

文章 2023-12-08 来自:开发者社区

Vue 项目部署遇到的那些坑

1. 页面URL中 井 号处理使用 vue-cli 生成的项目模板,运行时在url地址栏多一个#号,服务器部署后会出现 www.example.com/#/ 的情况解决方案:修改 src/router/index.js 文件,修改 vue-router 模式为 history ,设置 bash url效果正常了vue-router 官网:router.vuejs.org/zh-cn/essen…....

Vue 项目部署遇到的那些坑
文章 2023-11-02 来自:开发者社区

vue项目部署

1. 前言部署这块其实很简单,方式也非常多正好最近找工作,也就是在自我回顾下以前我用过的 有jekins自动化部署,当时全都是我自己配置的,花了几天研究各种指令后来也有用过 宝塔基于php的也挺方便还有其他方案(GitLab CI/CD、Travis CI等)下面详细写写那些变的东西哈哈2.  打包项目现在基本都是前后端分离的,前后端独立部署的,前端只需要将最后的构建物上传至目标服务器....

文章 2023-09-27 来自:开发者社区

解决VUE项目window.open()方法打包部署上线报错404

背景:我的项目是部署在服务器的指定目录下,并且项目的路由模式是history模式,所以我需要在vue.config中配置publicpath和在路由中配置base,配置为相同的字符串,并告诉后端ng映射到我设置的这个字符串上.,此时访问地址可以显示项目页面,但是部分window.open()方法所跳转到的页面会报错404.报错代码:window.open('/XXXX/XXXX', "_blan....

文章 2022-09-26 来自:开发者社区

Vue项目线上部署常见问题

出现空白页,丢失资源,路由刷新404等问题解决办法一般为vue.config.js修改配置,默认配置的路径资源打包后请求不到:const isProduction = process.env.NODE_ENV === 'production' module.exports = { publicPath: isProduction ? './' : '/' }任何放置在 public 文件夹的...

文章 2022-08-22 来自:开发者社区

Vite构建的Vue3项目打包部署到Gitee —— 全网最详细系列

最近利用Vite构建Vue3写了一个简单的ToDoList,想要部署到Gitee,并开启 Gitee Pages服务时出现页面空白的问题,参考了很多博客,尝试了很多办法都没有解决,正愁眉不展时我点开了Vite的官方文档,好家伙,直接茅塞顿开,原本这么小的一个问题被我想的太复杂了,还浪费了那么多时间,哎,此刻记录下我的解决办法,希望能帮到跟我有同样问题的人。Vite部署静态站点官方文档一、本地打包....

Vite构建的Vue3项目打包部署到Gitee —— 全网最详细系列
文章 2022-02-17 来自:开发者社区

Vue工程项目环境安装、项目构建运行、打包部署详解

1. 背景Vue工程化项目环境配置还是比较麻烦的,本篇来详细的记录下从0开始的安装、构建、打包、运行全过程。2. 整体步骤第一,安装Node.js,这个是前端工程化项目运行的基础环境。第二,安装Vue,使我们前端开发环境可以支持Vue开发。第三,安装Vue CLI,这是Vue提供的交互时的项目脚手架,有点难理解是吧,其实就是一个快速构建Vue工程的小工具,通过Vue CLI,开发人员可以使用命令....

Vue工程项目环境安装、项目构建运行、打包部署详解
文章 2022-02-17 来自:开发者社区

Vue SPA项目在非网站根目录的部署方法

在开发vue项目的时候,大多都是spa单页面应用,需要部署到服务器根目录;但有时候我们需要部署到其他路径,例如:/app/内怎么才能实现呢? 1、修改配置文件 config/index.js { build: { assetsPublicPath: '/app/', } } router/index.js let router = new Router({ mode: 'h...

文章 2022-02-17 来自:开发者社区

Vue项目部署问题及解决方案

Vue项目部署问题及解决方案 Vue-Router 有两种模式,默认是 hash 模式,另外一种是 history 模式。 hash:也就是地址栏里的 # 符号。比如 http://www.example/#/hello,hash 的值为 #/hello。特点:hash 虽然出现 URL 中,但不会被包含在 ...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等