Vue静态页面项目怎么部署到服务器上

Vue静态页面项目怎么部署到服务器上

浅谈vue项目如何打包扔向服务器 -
地址链接：vue-cli 如何打包上线先来描述一下期间遇到的问题有哪些：1、打包后将dist 文件夹和index.html 放到tomcat，在浏览器中访问时，出现空白页，f12 提示404。2、打包好的静态资源均是绝对路径，无法引入进项目，也是404。1、项目目录结构这是打包后的，所以有dist 文件夹，打包方式：..
第一步配置vue.config.js 第二步修改路由，改为hash模式第三步文件打包，执行以下，目录中会出现一个dist文件夹，将文件拖到服务器的root 文件夹中第四步可以通过域名进行访问
怎么把VUE项目部署到服务器上面 -
1.使用xshell登录到阿里云服务器。安装nginx（本文安装到/etc下）plain] view plain copy cd /etc apt-get update apt-get install nginx 2.首先先配置nginx，然后再根据配置文件做下一步操作打开/etc/nginx/nginx.conf文件[plain] view plain copy vim /etc/nginx/nginx.conf 在nginx.conf中有帮助请点赞。
一、前端配置：①、router配置--指定路由起始(在开发模式中，Vue项目被放在了webpack配合nodeJs生成的本地服务器的根目录，但是在真实服务器中，项目肯定不会放在根目录，所以要指定router的base)router提前和后端商量好项目部署的服务器文件夹路径②、编译打包配置进入config --> index.jsbuild③、使用npm等会说。
vue项目部署iis服务器 -
一、将vue项目进行打包编译后，根目录生成dist的文件当出现如上图显示时，说明打包编译完成，已经生成dist文件二、打开iis服务器打开iis服务器后选中【网站】后右击选【添加网站】，就可对网站进行配置，物理路径选择编译后的dist文件夹后选确定就行。三、右击选择【启动】后出现如下报错信息：除非到此结束了？。
用vue-cli搭建的做法1、npm run build 2、把dist里的文件打包上传至服务器例/data/www/，我一般把index.html放在static里所以我的文件路径为：data/www/static|---index.html|---js|---css|---images还有呢？3、配置nginx监听80端口，location /static alias 到/data/www/static，重启nginx还有呢？
vue cli3项目打包部署到tomcat服务器运行 -
步骤：一、找到文件vue.config.js，没有则自己创建一个二、编写vue.config.js的内容三、修改路由方式，修改为hash，文件位置自己找，vuecli3中在router.ts文件中四、添加空路由找到编译好的文件夹，如果作为独立项目，直接拷贝后放到Tomcat里即可，如果是放到另外一个项目中使用，则拷贝到其它项目等会说。
首先服务器安装node git nginx vue-cli 安装好nginx 用你的公网ip访问就可以看到下面的页面然后进入到下面的路径vi default 你会看到nginx的默认配置默认监听80端口根路径把你写好的vue项目上传到github ，通过git clone 克隆到服务器路径下面然后npm/yarn add/install 安装依赖然后有帮助请点赞。

猜你感兴趣： vue 静态页面   vue静态化页面   vue静态文件放在哪里   vue 加载html静态页面   vue静态资源路径配置   vue打开静态html   vue部署到nginx服务器 静态资源访问   vuecli静态资源   vue做静态页面   vue静态页面示例