项目部署阶段nginx

创建环境变量, 创建.env.production

#这个前缀可以让nginx作反代
VUE_APP_BASE_API = '/api'

改一下输出地址,vue.confifig.js
outputDir: 'dist/best-practice',
构建: npm run build

部署

部署只需要将最终生成的静态文件,通常是 dist 文件夹下的静态文件发布到 cdn 或者静态服务器即可。 这里我们采用nginx作为web服务器,具体配置nginx-1.14.0/conf/nginx.conf:

#项目根, 大家改成自己的目录
root C: \\Users\\ yt037\\ Desktop\\ kaikeba\\ projects\\ vue - study\\ dist;#
项目dist目录# history fallback
location / best - practice {
  try_files $uri / best - practice / index.html;
}#
反向代理, 实现接口转发
location ^ ~/api/ {
  #把 / api去除
  rewrite ^ /api/(.*) $ / $1
  break;
  #代理到3000服务上
  proxy_pass http: //localhost:3000;
}
原文链接:segmentfault.com

上一篇:1.2 float布局-深度解析-refer to 《CSS in Depth》
下一篇:状态管理 vuex

相关推荐

  • 顶级酒店的ERP系统都应该怎么部署?

    市场上酒店行业的竞争日益激烈,怎样提高酒店的效益是每个酒店目前急切关注的问题,如何利用先进的信息技术和通讯技术优化业务流程,提高服务质量、提升酒店形象,在激烈的市场竞争中保持领先,是现代酒店业普遍关心...

    5 个月前
  • 面试题:nginx有配置过吗?反向代理知道吗?

    这篇文章主要是针对跨域进行配置,如果大佬们会配置的话,就不用看了~简述反向代理和正向代理反向代理: 我们将请求发送到服务器,然后服务器对我们的请求进行转发,我们只需要和代理服务器进行通信就好,偷个图:...

    6 个月前
  • 阿里云部署 5.域名、DNS、nginx

    域名 虽然通过ip地址可以直接访问你的网站,但是我们很少看到网站是通过ip地址访问的,一般网站都会提供域名。域名直观易记,且在用户访问的域名不改变的情况下,解析的ip地址可以更改。

    1 年前
  • 阿里云部署 4.短信服务

    如果你购买了阿里云的短信服务,可以通过短信API实现验证码、推广短信、通知短信的发送、群发功能。 这里以验证码为例,介绍一下短信的发送功能。 快速学习 进入快速学习页面(https://dysms....

    1 年前
  • 阿里云部署 3.redis

    下载和编译 wget http://download.redis.io/releases/redis-4.0.2.tar.gz tar xzf redis-4.0.2.tar.gz cd redis...

    1 年前
  • 阿里云部署 2.mysql

    下载 直接使用yum快速搭建 wget -i -c http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm yum ...

    1 年前
  • 阿里云部署 1.起步

    先在阿里云官网[https://www.aliyun.com] 选择适合自己的云服务器ECS,按照购买的流程就可以使用阿里云服务器了。 点击控制台,再选择左侧栏的云服务器ECS,你就可以进到云服务器...

    1 年前
  • 阿里云轻量应用服务器部署Node项目手记

    本地和服务器环境 本地:Windows10 64位 服务器:阿里云轻量应用服务器CentOS 7.3 使用的连接工具: putty mobaxterm 当然还有Xshell这几个中任选一个就好啦。

    3 年前
  • 阿里云服务器(centos)配置nginx及node环境部署

    1. 远程登录服务器 FTP客户端工具选择FileZilla 使用教程: 2. 配置nginx 使用阿里云服务器自带包管理器yum yum -y install nginx nginx启动目录:...

    1 年前
  • 阿里云服务器部署个人网站(nodejs + mongodb)

    更多文章 购买阿里云服务器,选择操作系统,我选的 ubuntu 在云服务器管理控制台选择实例->更多->密钥->重置实例密码(一会登陆用) 选择远程连接->VNC,会弹出一个...

    8 个月前

官方社区

扫码加入 JavaScript 社区