本地vue项目怎么上传到服务器用公网ip访问

最新推荐文章于 2024-04-24 09:59:31 发布
最新推荐文章于 2024-04-24 09:59:31 发布
阅读量1.7k 收藏
点赞数
文章标签： vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/dpy521/article/details/105075706
版权

1 服务器上配置好项目所需运行的环境, 你在本地怎么运行的就在远程登录的服务器上怎么运行
2 开放安全组（在什么平台上买的服务器就去那里开放安全组）
3 公网ip+端口号直接访问（例如：你本地localhost:8080运行的项目要想让所有人都能访问就 公网IP:8080）
4 服务器上运行的项目不要关，我是一直开着小黑框

局域网内访问vue3项目|Network: use --host to expose
分享技术，分享经验
05-13 1474
这意味着只有在同一台计算机上的浏览器才能访问你的应用程序。通过指定一个公共的主机名，你可以使你的应用程序能够被网络中的其他设备访问，这对于在。上的设备，局域网是指在某一区域内由多台计算机互联成的计算机组，同一局域网不一定要接同一个交换机或者HUB。选项告诉开发服务器监听所有的网络接口，而不仅仅是本地主机。是一个特殊的 IP 地址，代表所有可能的 IP 地址。我希望在相同的局域网内，通过手机访问我在Vue 3项目中展示的效果。中的其他设备来访问你正在开发的应用程序。中的其他设备上测试你的应用程序特别有用。
本地vue项目部署到云服务器
weixin_43788771的博客
08-01 1055
将本地vue项目部署到云服务器上
完美解决通过IP地址访问VUE项目的问题
10-15
主要介绍了完美解决通过IP地址访问VUE项目的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue(7)：vue项目部署到服务器通过公网IP访问
偉ing的博客
06-25 7694
Vue项目部署到服务器通过公网IP访问 一、vue项目打包 1.打包项目及修改文件 ​ 在本地的项目完成后，可能需要将其部署到服务器上，并且通过公网IP就可以访问到这个项目，下面介绍一下具体的部署流程。 ​ 首先将写好的vue项目打包，在vue项目的当前目录下面运行npm run build，运行完成后，就可以发现项目中多了一个dist的文件夹，这是打包好的文件，可以用来直接运行。文件夹项目包含一个static和index.html文件，static文件下包含的是所有的源代码和数据，index.html
实现ip地址访问本地vue项目
z1010017573的博客
07-30 739
1，查看当前ip window+R cmd 打开命令提示符 输入 ipconfig mac:ifconfig 2，在config里index 找到host 修改为 ‘0.0.0.0’ 然后重启项目就可以了
vue-cli3如何在局域网通过ip访问项目
chenrui310的博客
11-04 2903
1、创建vue.config.js (cli3相对于cli2，之前的build和config文件夹不见了，那么应该如何配置 如webpack等的配那只需要在项目的根目录下vue.config.js 文件（是根目录，不是src目录)） module.exports = { devServer: { port: 8080, // 端口号 host: "localhost", https: false, // https:{type:Boolean}
vue在手机中通过本机IP地址访问webApp的方法
10-18
在移动设备上通过本机IP地址访问Vue开发的Web应用程序是一种便捷的测试方法，可以使得开发者在不需要将应用部署到服务器上时，也能在真实的设备上预览应用。为了实现这一功能，需要做一系列配置和操作。以下详细说明...
Vue.js项目部署到服务器的详细步骤
10-19
至此，一个Vue.js项目的部署就完成了，你可以通过浏览器访问服务器的公网IP加上相应的端口号来查看你的Vue.js应用是否正常运行。 整个部署过程需要对服务器的操作系统、网络配置以及Node.js和Vue.js有一定的了解。...
华为云Windows Server 2019 数据中心版 服务器部署vue项目.docx
07-02
将本地项目放到服务器是为了发布网站。在桌面新建一个文件夹，存放自己的前后端项目，并安装 node。然后，将自己的 Vue 项目打包，找到打包的文件 dist。使用 IIS 管理器，选择添加网站，选择物理路径，IP 地址和...
服务器部署网站后，公网ip可以访问，域名不能访问问题（稳）
flunggg的博客
12-15 1万+
出现问题     这几天我网站已经部署到vps上，域名也备好案，想使用域名指向我们公网ip。指完发现用域名访问不了网站，但是公网ip可以。于是看了网上资料，好像是要清除浏览器DNS缓存，我清完没用。然后发现我的域名是https的，查了查，好像是没有在服务器上安装SSL证书，导致我用域名访问不了。最后真是这个原因 解决 去腾讯云申请一个免费的一年SSL证书，...
本地项目上传到gitlab上
at_the_beginning的博客
10-15 825
这一个帖子内容不是很难，写这个帖子的原因是搜了这一个结果发现大家写的步骤都非常的复杂，而且还没有成功，所以这里简单总结一下。 上传到gitlab的前提基于先安装git，具体如何安装网上一大把。，然后要有局域网的gitlab服务器，且在这个gitlab服务器注册了gitlab的账号。有了gitlab服务器和在该gitlab注册的账号以后，我们就开始吧。 1.登录 打开gitlab网站并登录gi...
项目免费部署到公网(内网穿透)
希望我快乐
07-25 1107
一. 花生壳 https://hsk.oray.com/
【阿里云新手使用】Vue前端项目上传至阿里云服务器，并通过公网IP访问前端网站
最新发布
weixin_47540834的博客
04-24 3694
vue脚手架只是开发过程中协助开发的工具，真正上线时，需要将vue项目转换成静态资源文件命令;运行成功界面：运行成功后会在项目根目录下生成dist文件夹，如下图：dist文件夹下的index.html文件就是打包出的页面文件，上线时将dist文件夹放置到云服务器即可但此时，去直接打开index.html是无法打开的，这需要下一步，配置相对路径。
将 vue 3.0 项目 整合 springboot 项目部署到服务器并通过外网访问的两种方式
qq_36669347的博客
07-30 455
转载： https://blog.csdn.net/qq_28670711/article/details/103138495?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-
把本地vue项目免费部署上线到网上 以GitHub为服务器
weixin_40634691的博客
07-08 3476
github和gitee都可以部署，各有优缺点。码云gitee是国内网站，打开网页的速度快，中文网站容易操作。但需要实名认证，实名认证需要身份证正反面以及手持身份证正反面照片。GitHub不是国内网站，比较难打开，甚至有时候可能需要科学上网才能打开，而且是英文网站。但GitHub无需实名认证，全程免费，没额外操作。对vue项目进行打包：npm run build。 生成一个dist文件夹。 我遇到的坑是，打开dist文件夹内的index.html文件，是空白页面。 打开控制台看到报错信息显示如下图。 原因
vue3+node全栈项目部署到云服务器
FHHHC的博客
10-31 927
一、前言　　 　　最近在B站学习了一下全栈开发，使用到的技术栈是Vue+Element+Express+MongoDB，为了让自己学的第一个全栈项目落地，于是想着把该项目部署到阿里云服务器。经过网上一番搜索和自己的一顿操作后，我在这里记录一下自己的部署过程，方便以后查阅。 参考博客： https://segmentfault.com/a/1190000012186563?utm_source=t...
前端vue和node后端项目部署到云服务器（详解）
weixin_51938803的博客
04-15 2181
前言：我是一名大三在校生，选修的专业是软件工程，然后主要学前端方向，作为一个前端程员，自己也想有自己的网站，然后被大家浏览，我觉得这是对自己能力的肯定，也是自我提升的一种方法，所以我学习了nodejs，利用nodejs作为项目的后端，然后结合前端最流行的框架之一的vue实现项目，那么我们的项目如何部署到云服务器被大家访问浏览，这里我会向大家详解讲解过程。7.5复制下面的代码，在宝塔终端中按下鼠标右键进行粘贴，粘贴后按键盘的回车键，根据提示，输入y字母后，再次按键盘上的回车键进行宝塔面板的安装，如图。
Vite4 + Vue3 项目打包并发布Nginx服务器 (前端必看)
热门推荐
Etc.End的博客
03-26 1万+
这里因为我们有的小伙伴可能不太需要服务器，单纯学习的话也没有必要去买一个服务器。如果需要把自己的东西部署到公网上，有很多方式，自行百度。你也可以购买阿里云或者腾讯云。逻辑都是一样的，我这里使用的虚拟机+centos系统，我已经提前在自己的机器安装好了。感兴趣的小伙伴可以看我专栏。里面有从虚拟机、centos到一些开发工具的详细安装步骤。特别是我们这篇文章中要用到的nginx服务器。
将vue项目部署到服务器并通过外网访问的两种方式（springboot中static/nginx）
qq_28670711的博客
11-19 1万+
最近一段时间在用vue写一个前端项目，想着做出来的界面可以让小伙伴们一起看看，分享一下。所以就趁着双11在阿里云买了台服务器。实践中我发现vue项目部署到服务器一共有两种方式，当然也有可能有别的方法。 一.将vue项目打包后生成的dist目录下的文件复制到springboot项目里面 1. 前端vue项目先通过npm run build生成dist目录 2.将dist...
用yum把一个Vue项目传到云服务器上
05-15
要在云服务器上运行一个Vue项目，需要先在服务器上安装Node.js和NPM。方法如下： 1. 登录到云服务器上，打开终端，执行以下命令安装Node.js和NPM： ``` sudo yum install nodejs npm ``` 2. 检查Node.js和NPM是否安装成功： ``` node -v npm -v ``` 如果成功安装，会输出各自的版本号。 3. 在本地将Vue项目打包： ``` npm run build ``` 4. 将打包好的文件上传到云服务器。可以使用SCP命令将文件从本地复制到云服务器： ``` scp -r /本地目录/用户名/项目名/dist/ root@云服务器IP地址:/服务器目录/ ``` 其中，本地目录为你的项目所在的本地文件夹路径，用户名为你在本地的用户名，项目名为你的Vue项目的名称，云服务器IP地址为你的云服务器的公网IP地址，服务器目录为你想要将项目上传到的服务器路径。 5. 进入云服务器上的项目目录，安装依赖： ``` cd /服务器目录/dist/ npm install ``` 6. 运行项目： ``` npm run start ``` 7. 在浏览器中输入云服务器的公网IP地址和端口号（默认为3000），就可以访问Vue项目了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值