如何将线上vue项目部署到本地

最新推荐文章于 2024-10-17 16:02:13 发布
最新推荐文章于 2024-10-17 16:02:13 发布
阅读量733 收藏
点赞数
分类专栏： 学习地址 文章标签： vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42236746/article/details/120541541
版权

如何将线上vue项目部署到本地

首先在电脑上安装node,npm,vue
然后配置环境变量
最后在vue项目上安装node_modules安装包
（安装命令npm install）,运行项目npm run serve

永恒之力
关注
专栏目录
部署vue项目开发环境
lv_suri的博客
02-06 301
在nodejs安装路径下，新建node_global和node_cache两个文件夹。“此电脑”右击点击“属性”找到“高级系统设置”，点击“高级” 再点击“环境变量配置”5.6 安装vue（-g是指安装到global全局目录）5.3 设置缓存文件路径和设置全局依赖包存放路径。4. 打开vscode，新建工作区，打开该项目文件夹。5.2 设置全局依赖包存放路径和缓存文件路径。5.7 安装vue-cli 脚手架。7. 部署后端：json-server。5.1 安装node.js。5. 安装vue项目开发工具。
Vue项目部署线上后页面空白解决办法, Vue项目打包发布线上后页面空白, 控制台报错解决方案
gu_eu的博客
11-24 1820
Vue项目部署线上后页面空白 这里将路由模式改成hash模式 const router = new VueRouter({ base: '/', mode: 'hash', routes, }) export default router 在Vue2.6 版本 vue.config.js 文件是需要我们自己创建的 创建文件后写下如下代码 module.exports = { publicPath: '/', // 注意 这里使用 / 如果不行的话 就 ./ outpu
从GitHub上下载的vue项目到本地的具体步骤
书中自有妍如玉的博客
10-10 2208
5.npm run dev ->回车 webpack-cli3.0以上版本 npm run serve 具体看package.json配置文件scripts。4.输入：npm install ->回车 （安装依赖包，此过程时间较长，需要耐等待，可能存在某些依赖包安装失败 推荐使用cnpm install）6.浏览器地址栏输入 http://localhost:8080/ 可以预览该项目。3.输入：cd vue-admin-beautiful(文件名称) ->回车。
【Vue】项目部署本地部署和服务器部署
最新发布
qq_45687669的博客
10-17 914
本地部署 Vue 项目的dist目录，可以选择使用简单的 HTTP 服务器（如或serve）、Nginx 或 Docker。每种方法都有其优点和适用场景，具体选择取决于你的需求和环境。将 Vue 项目部署到生产环境中，最常见的方法是将打包好的dist目录上传到一个 web 服务器上。可以选择使用 Nginx、Apache、GitHub Pages、Vercel、Netlify 或 Docker 等多种方式进行部署。具体选择取决于你的项目需求和个人偏好。
vue项目打包及部署到本地服务器
热门推荐
tiguer的博客
05-21 1万+
大家都知道使用npm run build进行打包，打包后你直接打开dist/下的index.html,会发现文件可以打开，但是页面是空白的，所有的js，css，img等路径都有问题，是指向根目录的。 此时需要修改config/index.js里的assetsPublicPath的字段重新打包，初始项目是/，它是指向项目根目录的也是为什么会出现错误的原因，这时改为./     ./ 当前目录    ...
将vue文档下载到本地预览
wangking407的博客
10-24 1万+
将vue文档下载到本地预览 由于vue文档在服务器在国外，因此访问速度较慢，为了方便文档查看，可以将文档下载到本地预览 步骤 到vue的GitHub仓库下载文档源码 下载node.js和git安装到本地 初始化文档并部署 1、到vue的GitHub仓库下载文档源码 vue文档的源码放在GitHub仓库，地址 https://github.com/vuejs/cn.vuejs.org ...
git下拉线上laravel项目到本地运行步骤
hexiaoniao的博客
07-17 3255
git下拉线上laravel项目到本地运行步骤
vue项目总结之配置本地，测试，生产环境api
kayla_wang的博客
05-31 1万+
最近在做vue项目，想实现通过不同的命令，打包之后调用不同环境的api，防止来回切换不同的api出错。例如: npm run dev 调用本地环境 npm run test 调用阿里测试环境api npm run build 调用 生产环境api先简单说一下创建vue项目的流程:1. npm install -g vue-cli 全局安装脚手架（只安装一次）2....
SpringBoot + Vue 项目部署上线到Linux 服务器的教程详解
09-14
本教程将详细讲解如何将一个使用SpringBoot作为后端、Vue.js作为前端的项目部署到Linux服务器上。我们将探讨Vue项目的打包、Express作为静态文件服务器以及SpringBoot项目的部署。 **Vue 项目打包与部署** 1. **...
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
10-15
在开发Vue3项目时，我们通常会遇到一个问题：在本地开发环境中，项目能够顺利地请求到后台接口，但在打包部署到服务器后，却无法获取到数据。这种情况通常是由于请求的远程地址发生了变化，导致接口调用失败。本文将...
vue 接口请求地址前缀本地开发和线上开发设置方式
10-14
总结，Vue项目中接口请求地址前缀的本地开发和线上生产环境设置主要是通过环境变量区分，结合请求拦截器或全局配置，确保在不同环境下正确地调用API。这样既能简化代码，又能确保在不同环境下的正确运行，是最佳实践...
vue【简单】项目打包部署本地nginx（Windows）
m0_59579040的博客
03-26 7404
vue【简单】项目打包部署本地nginx（Windows） 安装nginx（windows） 创建vue项目（vue2 ） 打包部署 一、 修改publicPath: ‘/oauth2-client/’ publicPath：默认为’/’） vue.config.js module.exports = { // publicPath: process.env.NODE_ENV === "production" ? "/oauth2-client/" : "/", publicPath: '/oauth2
学习vue项目部署笔记
m0_47659279的博客
10-23 2970
1.准备vue项目打开终端，输入vue create hello命令来创建一个名为hello的vue项目用于部署cd hello来对hello项目进行打包，打包后会生成一个dist文件夹2.下载nginx，版本选择最新的稳定版即可下载并解压后进入nginx文件夹下的conf文件夹，找到nginx.conf文件并打开将更改为：其中root后面的内容更改为项目打包后生成的dist文件夹的路径，需要根据自身实际情况做修改。
Vue的安装和部署
weixin_70056937的博客
06-08 585
新手安装vue，将过程记录下来~
vue和 element ui下载到本地后引入
weixin_43999634的博客
12-30 9685
一到vue官网，直接下载vue.js的包 二：element ui下载到本地 1：打开命令提示符,可以自己切换 这里我选择的是D盘 2：输入命令 npm i element-ui -S 下载element包 3：下载成功后可以看到有个node_modules 文件夹 4：打开文件 找到 node_modules/element-ui/lib 下的index.js 文件复制出来 5：打开文件 找到 node_modules/element-ui/lib/theme-chalk 下的index.css 和f
vue项目前端部署的三种方式
weixin_40496191的博客
01-24 8694
这里写自定义目录标题1. 通过tomcat部署2. 通过springboot部署3. 通过Nginx部署 1. 通过tomcat部署 准备一个空的tomcat服务器 删除tomcat的webapps底下的所有文件。 然后创建名称为project（名称为你的项目名）文件夹。 将Vue打包的文件拷贝到project底下，启动即可！ 2. 通过springboot部署 准备空的springboot项目 在resources底下创建static文件夹 将Vue打包的文件拷贝到project底下 pom配置
Vue前端项目部署的三种方案
qq_44741577的博客
05-27 8969
Nginx(发音为“engine-x”)是一款高性能的 HTTP 服务器和反向代理服务器，同时也是一个IMAP/POP3/SMTP 代理服务器。Nginx最初由 lgor Sysoev 编写，于 2004年发布。反向代理负载均衡静态内容服务HTTP/2 支持SSL/TLS 支持高速缓存。
部署vue2.0项目全过程
Xyt1737的博客
10-22 2845
目录 1. 从后台拿到项目所需的sql包和jar包 2. 使用Navicat for MySQL部署sql包 1. 在自己的云服务器上开放3306端口，以及本次项目所需要开放的端口号(假设为8002) 2. 在MySQL里新建连接(自己设置密码，复杂点，以防有人攻击数据库) 3. 在新创建的连接里新建数据库(数据库名由后台提供) 4. 在新数据库里的表里运行sql文件(不显示表的话刷新一下) 5. 点击用户，新建用户(用户名和密码由后台提供)，并赋权 3. 在cmd或者Xshell里使用
Windows系统下如何使用nginx部署vue2项目
m0_37873510的博客
09-24 7911
windows系统下使用nginx部署vue项目
vue项目部署到线上环境后报错无法读取component
06-04
你可以在本地运行`npm run build`命令进行打包，然后将打包后的文件上传到线上环境。 2. 确保你的Vue项目的依赖已经正确地安装并且版本与本地环境一致。你可以在线上环境中运行`npm install`命令来安装依赖。 3. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值