首页 > 其他分享 >Vue项目部署到服务器

Vue项目部署到服务器

时间:2023-01-17 17:44:06浏览次数:44  
标签:Vue dist zip 部署 访问 unzip 服务器 目录

今天刚刚在腾讯云上买的服务器,买了个最便宜的88一年。
我使用Tomcat作为web应用服务器,使用宝塔面板快速安装的Tomcat。
在我们自己电脑上运行npm run build命令将vue项目打包,打包后会生成dist目录,再将这个目录压缩为zip文件

我使用Tabby作为远程连接工具连接服务器

使用其自带的SFTP将zip文件上传到tomcat/webapps/root目录下
安装unzip来解压zip文件yun install -y unzip
使用unzip dist.zip直接将其解压到当前目录
启动tomcat服务器,访问> http://公网ip:端口/dist
访问后发现虽然可以访问成功,但页面是一片空白,百度了之后原因是路由路径问题,要在配置文件中添加> publicPath配置

注:这是Vue3的配置方式
果然加上之后可以正常访问了。
我们在打包成功之后可以自己先点击dist目录下的index.html访问一下看是不是正常,没问题了部署到服务器上。由于我是个新手,一开始没想到这个问题,都是部署之后再访问看是不是正常,多走了弯路。

标签:Vue,dist,zip,部署,访问,unzip,服务器,目录
From: https://www.cnblogs.com/ccx-lly/p/17058413.html

相关文章

  • Docker Swarm 部署MinIO
    2.2.2DockerSwarm部署MinIODockerEngine在Swarm模式下提供集群管理和编排功能。MinIO服务器可以在Swarm的分布式模式下轻松部署,创建一个多租户,高可用性和可扩展的对......
  • Kubernetes 部署MinIO
    2.2.4Kubernetes部署MinIOKubernetes的部署和状态集提供了在独立,分布式或共享模式下部署MinIO服务器的完美平台。在Kubernetes上部署MinIO有多种选择,您可以选择最适合......
  • VUE3企业级项目基础框架搭建流程(3)
    VUE-Routernpminstallvue-router@4安装完成后,在项目目录里新建一个router文件,我这里的用的是typeScript,所以建立的是router.ts,该文件是所有视图组件的映射。一般我......
  • vuejs从入门到精通——初识 vue
    初识vue  文档接下来的内容会假设你对HTML、CSS和JavaScript已经基本熟悉。如果你对前端开发完全陌生,最好不要直接从一个框架开始进行入门学习——最好是掌握了基......
  • 国产服务器鲲鹏920安装Linux系统
    踩过的坑以及解决方案本次是在鲲鹏920服务器上安装Linux系统,由于初次在这种型号的服务器上安装系统,因此安装过程中我们踩了很多的坑。下面将记录我们踩过的坑以及解决方案......
  • JavaWeb开发中在服务器常用命令集锦
    基本的lsmvmidir就不说了。一.后端部署1.1启动jar包#默认会将所有日志存放到一个当前目录中新建的nohup.out文件中nohupjava-jar-Duser.timezone=GMT+8ap......
  • vue3 + vue-clipboard3 复制文本到剪切板
    1.安装yarnaddvue-clipboard32.引入importuseClipboardfrom'vue-clipboard3';3.html部分<n-buttontertiarytype="primary"ref="copyBtn"@click="copyP......
  • vue-cli/webpack4.x 打包--webpack配置--样式
    css有的时候你想要向webpack的预处理器loader传递选项。可以使用 vue.config.js 中的 css.loaderOptions 选项。比如你可以这样向所有Less样式传入共享的全局......
  • Docker下部署oracle10g
    1.拉取oracle10g镜像文件dockerpullvkanjilal/oracle10g2.创建挂载目录mkdir-p/data/oracle1og3.创建oracle容器dockerrun-d-p1521:1521-v/data/oracle10g:/......
  • Ubuntu16.04 ftp服务器安装
    1.安装vsftpd软件包sudoapt-getinstallvsftpd2.修改配置文件vim/etc/vsftpd.confcopy下面内容:#这些设置系统默认是开启的,可以不管listen=NOlisten_ipv6=YESdirmessa......