阿里云Windows服务器部署前端vue项目

准备工作

  1. 下载node.js（略）http://nodejs.cn/download/
  2. 下载Nginx http://nginx.org/en/download.html
  3. Nginx安装启用方法参考：参考1、参考2
    注意：刚下载完Nginx后，没有配置环境变量的情况下，需要去Nginx文件下使用命令窗口操作

Nginx

  1. 下载完后是这样子

  2. 把打包好的dist文件放入html目录下

  3. 找到conf/nginx.config文件，用文本方式打开，进行修改

  1. 此时你在服务器的浏览器上访问：localhost:8080 就可以展示前端页面了

注意！坑来了~

  1. 如果你页面显示的js、css路径不对的话，在前端项目vue.config.js中把路径改为./

  2. 如果你在浏览器上把localhost改为公网ip的话，无法访问 ???

    不要慌~
    如果你是第一次使用服务器，那么需要在云服务器上设置安全组

    想下面这样在 入方向 里添加一条就行（默认有三条，根据你配置的端口号去手动添加一条）

    重启一下Nginx

    nginx -s stop
start nginx

    把localhost改成公网ip，就可以访问了

Nginx详细配置：https://www.cnblogs.com/dongye95/p/11096785.html#_label0_3

Windows服务器部署前端vue项目相关推荐

  1. 服务器上部署前端Vue项目代码

    服务器上部署前端Vue项目代码 本人自己感觉部署前端代码比部署后端难,主要是我在部署的过程中遇到了各种报错

  2. Jenkins自动化部署前端Vue项目

    Jenkins自动化部署前端Vue项目 前言 安装NodeJs 下载NodeJs 安装NodeJs npm配置 Jenkins配置NodeJs 安装NodeJs插件 配置NodeJs 新建及配置任务 ...

  3. 一文搞懂使用Nginx服务器部署前端Web项目

    1 Nginx简介与安装 概要 Nginx 简介 Nginx 架构说明 Nginx 基础配置与使用 1.1 Nginx 简介 Nginx是一个高性能WEB服务器,除它之外Apache.Tomcat.J ...

  4. nginx 部署前端vue项目dist文件

    nginx 部署前端页面 server {listen 8082; server_name localhost;location / {root /usr/local/dist; #前端页面地址ind ...

  5. 阿里服务器部署springboot+vue前后端分离项目

    服务器部署springboot+vue前后端分离项目 最近刚刚在实习熟悉公司的业务,所有尝试着自己将项目部署到服务器上.本次部署的项目是Spring Boot+Vue前后端分离项目,后端使用的技术有M ...

  6. 部署springboot+vue项目文档（若依ruoyi项目部署步骤）

    部署springboot+vue项目文档(若依ruoyi项目部署步骤) 一:部署linux + nginx 二:部署windows + tomcat(无nginx) 三:解决调用第三方api如百度地图 ...

  7. 超详细Docker部署SpringBoot+Vue项目（三更博客项目部署）

    文章目录 1.项目部署规划 2.前置工作 2.1修改后端配置文件ip 2.2修改前端Vue项目运行端口 2.3修改前端对应的服务器ip 2.4后端项目打包 2.4.1解决打包问题 2.4.2项目打包, ...

  8. 手把手教你在局域网部署前端vue+后端php的网站服务

    教你在局域网部署前端vue+后端php的网站服务 1.阅读对象 本篇教程适合新手阅读,老手直接略过 2.教程难度 初级 本人水平有限,文章内容难免会出现问题,如果有问题欢迎指出,谢谢 正文 如今网站建 ...

  9. vue请求在退出页面还执行吗_如何用 Cloudbase Framework 部署一个 Vue 项目

    无需修改业务代码,就能将 Vue 应用前后端一键托管部署在云开发平台~ Cloudbase Framework 是云开发官方出品的前后端一体化部署工具.目前已经 开源 . 关于 Cloudbase F ...

最新文章

  1. 在cell中取得UITableView所在的ViewController对象
  2. php开发以太坊无法连接到远程Geth,connect: permission denied.
  3. 987. 二叉树的垂序遍历
  4. postgis 导出 栅格_postgis常见的空间数据的导入导出
  5. 【今日CS 视觉论文速览】Wed, 16 Jan 2019
  6. SAP SolMan 严重漏洞的自动化 exploit 代码遭公开
  7. Unity2D 小游戏之 RocketMouse
  8. cocos2d-x 动画工具 Flash2Cocos2d-x
  9. java runnable 匿名_Java 开发者最困惑的四件事
  10. leetcode 181 Employees Earning More Than Their Managers 不会分析的数据库复杂度
  11. 【SpringBoot_ANNOTATIONS】自动装配 05 @Profile环境搭建
  12. matlab polyfit和polyval函数的使用
  13. guge图标——ps
  14. ROS创建Web代理(Web proxy)
  15. 网站被劫持勒索怎么办
  16. Word处理控件Aspose.Words功能演示：使用 C# 将 Word 文档转换为 Markdown
  17. 使用calibre制作带目录的mobi电子书
  18. 2022年第三次面试，含泪整理万字面试题。
  19. 企业如何做好网络营销？
  20. cmake：foreach、endforeach

热门文章

  1. set 的常见用法详解（含定义）
  2. 清华大学五道口金融学院2020年公开招考博士研究生拟录取名单（包括联合培养和普博）
  3. 大模型时代，推荐一下专注原创和热点的几个公众号
  4. K8S快速入门之 Rancher部署K8S
  5. 深度学习中感受野的概念
  6. docker容器找到挂载的目录，以及服务器对应物理地址
  7. SpringBoot数据校验
  8. 深耕户外扫地机器人技术多年，深兰科技已实现多个场景落地
  9. Resume or CV?
  10. 机器学习(3) 一元线性回归（最小二乘法实现）