目录

Linux中Nginx安装

vue cli部署


Linux中Nginx安装

这里找了一台Linux机器:

tar –zxvf xxxxx.gz

换root来搞

./configure
make
make install

这里默认安装的位置为: /usr/local/nginx/

这里在make后都可以看到的.

在/usr/local/nginx/sbin中运行nginx

这里要注意通过 lsof –i:80或者 netstat –anpt来查端口是不是被其他程序占用了

运行./nginx后:

把vue cli build后的dist问题弄过去(下面就会说这个文件是如何来的)

修改conf下的nginx.conf文件:

重启下nginx

./nginx –s reload

打开浏览器:

vue cli部署

这里使用vue cli构建一个项目:

修改\src\router\index.js文件:(去浏览器上的#)

修改config\index.js文件:

输入:

npm run build

即可生成dist文件夹:

前端工作笔记-Nginx安装及vue cli部署相关推荐

  1. vue 一个页面多个router-view如何配置子路由_前端开发:如何安装配置Vue路由?

    大家好,我来了!本期为大家带来的Web前端学习知识是"前端开发:如何安装配置Vue路由?",喜欢Web前端的小伙伴,一起看看吧! Vue Router 是 Vue.js 官方的路由 ...

  2. 【前端学习笔记】JavaScript + jQuery + Vue.js + Element-UI

    前端学习笔记 JavaScript jQuery Vue.js Element-UI Java 后端部分的笔记:Java 后端笔记 JavaScript 基础语法(数据类型.字符串.数组.对象.Map ...

  3. Vue.js 学习笔记十二:Vue CLI 之创建一个项目

    目录 创建一个项目 创建一个项目 运行以下命令来创建一个新项目: vue create vuecli-demo 你会被提示选取一个 preset.你可以选默认的包含了基本的 Babel + ESLin ...

  4. Linux学习笔记——Nginx安装部署

    5.3.Nginx安装部署 5.3.1.简介 Nginx(engine x)是一个高性能的HTTP和反向代理Web服务器,同时也提供了IMAP/POP3/SMTP服务. 同Tomcat一样,Nginx ...

  5. vue cli 服务器文件,Vue CLI 部署 - 闪电教程JSRUN

    部署 通用指南 如果你用 Vue CLI 处理静态资源并和后端框架一起作为部署的一部分,那么你需要的仅仅是确保 Vue CLI 生成的构建文件在正确的位置,并遵循后端框架的发布方式即可. 如果你独立于 ...

  6. nginx安装与调优部署文档(Linux)

    1. 安装环境准备 1.1 主机环境准备 1.1.1. 关闭selinux sed -i 's/SELINUX=enforcing/SELINUX=disabled/g' /etc/selinux/c ...

  7. Web前端文档阅读笔记-vis.js在vue cli中的使用

    程序运行截图如下: 首先要用npm导入的vis包 npm run vis 程序结构如下: 源码如下: HelloWorld.vue <template><div id="n ...

  8. 前端工作第一天安装软件,环境以及依赖

    软件 拿到一个新的电脑,首先安装的一定是软件,那么都需要什么软件呢 1.钉钉 - OS办公打卡 2.金州PDF阅读器 - 查看PDF文档 3.Firefox -火狐浏览器 5.XMind - 思维导图 ...

  9. 前端工作笔记-element ui弹窗嵌套并获取输入

    主要是在界面上,如果点击个弹窗,再弹窗中,还需要弹出一个框,进行输入查询.目前此笔记就记录了这个! 程序运行截图如下: 点击弹窗: 点击查询,第二层窗口弹出,输入数据: 点击确定并退出,即可: 程序结 ...

最新文章

  1. 【错误记录】VMware 虚拟机报错 ( 虚拟化性能计数器需要至少一个可正常使用的计数器, 模块 “VPMC“ 启动失败 , 未能启动虚拟机 )
  2. deepin linux深度ISO镜像下载地址
  3. 使用IntelliJ书签
  4. mac os x10.9.2 查看进程对应端口
  5. C++11 并发指南四(future 详解一 std::promise 介绍)
  6. 一阶电路暂态响应的结果分析。_【2020考研】南京邮电大学813《电路分析》考试大纲...
  7. python手写数字识别实验报告_python实现识别手写数字 python图像识别算法
  8. 如何修改Myeclipse中代码的字体大小?
  9. Spring启动过程——源码分析(finishBeanFactoryInitialization(beanFactory))
  10. [洛谷P3292][SCOI2016]幸运数字
  11. rgb、rgba转换成hex格式的方法
  12. 我的新书《Android App开发从入门到精通》终于出版啦
  13. 1. 无穷维空间的测度论-Wiener测度(二)
  14. Windows桌面共享中一些常见的抓屏技术
  15. 在开放社区中的六年,我做着喜欢且擅长的事情,利他而自利
  16. 《大话核心网》借鉴一二:科普类文章的写作思路
  17. 20190527-陈静初-文件操作-笔记
  18. 京东回应淘汰员工,这是要过冬节奏?
  19. html多媒体效果怎么使用,HTML多媒体标签video、audio、marquee详细讲解
  20. 对vector<int> 的数组使用sort排序出错

热门文章

  1. redis 学习笔记一
  2. android小记之FTP文件上传
  3. c#操作ecxel的一些资源(downmoon搜集)
  4. 如果你是程序员 别说你没有用过这五大编程工具
  5. 掌握这7点,不懂代码也能做出酷炫可视化大屏!
  6. 做公益的飞秋(FeiQ)程序代码
  7. 测试结果表明开车打手机比酒后开车更危险
  8. 云计算开发学习笔记:Python3迭代器与生成器
  9. 2020年7大技术趋势
  10. 2020 年 7 个软件开发趋势