vue3.0项目服务器部署

前期准备

在本地安装好vue环境后，编写vue代码，打开cmd，运行以下命令就可以将vue代码打包。
在打包前需要对路径做一个修改，在项目目录下新建一个vue.config.js文件，在文件中写入以下信息

module.exports = {publicPath:'./'
};

保存后，执行以下命令进行打包

cnpm run build

服务器部署

执行完上述命令后，会在当前文件下生成一个dist文件夹。
对nginx的nginx.conf文件做一个配置
进入nginx/sbin目录，重启nginx
```
./nginx -s reload
```
在浏览器中输入网址就可以访问。

vue3.0项目服务器部署相关推荐

【Vue】Docker + Nginx 部署 Vue3.0 项目
Docker + Nginx 部署 Vue3.0 项目 1.用指令 npm run build 打包vue.js项目(该项目是在WebStorm里面新建的Vue空项目). 打包成功后,会生成一个目录d ...
java服务器项目,java项目服务器部署
java项目服务器部署内容精选换一换硬件要求如表1所示.操作系统要求如表2所示.如果是全新安装操作系统,可选择"Minimal Install"安装方式并勾选Developm ...
vue3.0项目实战 - ElementUI框架版
系列文章目录第一章论vue3.0和vue2.0区别之编程方式及例子详解第二章同一台电脑实现 vue-cli2和vue-cli3同时并存及常见命令第三章 vue3.0项目实战 - Ele ...
做Nodejs项目服务器部署
根据慕课网课程<Nodejs最后一公里>记的笔记,主要了解项目服务器部署流程. 1.项目准备 1.购买自己的域名 2.购买自己的服务器 3.域名备案 4.配置服务器应用环境(用户的权限.无 ...
vue3.0项目创建
vue3.0项目创建可视化创建(手脚架) 命令行创建可视化创建(手脚架) 1.win+R打开cmd命令行 2.输入vue ui 打开手脚架 vue ui 3.打开项目管理器,选择创建 4.选择项目 ...
TypeScript及TypeScript在vue3.0项目中的基本使用
一. TypeScript是什么 TypeScript 是一种由微软开发的自由开源的编程语言,主要提供了类型系统和对 ES6的支持.它是JavaScript的一个超集,扩展了JavaScript的语 ...
创建VUE项目，vue-cli2.0版本和3.0版本的区别，将vue2.0项目升级为vue3.0项目
创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目使用vue-cli2.0版本创建vue项目创建前的准备开始创建创建过程项目正常创建使用v ...
认识vue3.0项目的目录结构
上一篇笔记新建一个vue3.0项目新建项目后,用vscode打开,会看到项目目录,如下图来看看我们新建的项目里有哪些内容 node_modules npm 加载的项目依赖模块 public 用于 ...
vscode构建Vue3.0项目(vite,vue-cli)
构建Vue3.0项目构建Vue3.0项目 1.使用Vite构建vue项目的方法以及步骤 1. 安装vite 2. 运行vite + vue 项目 3.说明 2.使用vue-cli构建vue项目的方法 ...

vue3.0项目服务器部署

前期准备

服务器部署

vue3.0项目服务器部署相关推荐

最新文章

热门文章