直接打包脚手架工程

npm run build

把生成后的打包文件dist直接丢进服务器

这里我选择的nginx默认执行路径，不需要配置nginx.conf直接就可以跑
因为打包后的dist里面包含index，nginx可以直接识别

脚手架部署到服务器遇到的问题

路由的history和hash模式

有什么区别

就是网页路径中包不包含“#”的区别

history模式

前期不建议使用history模式，会导致刷新页面时响应404问题

hash模式

前期用这个就行了，虽然带了#不但影响观感而且与后台交互数据不方便，但是可以用来前期过度

如何配置

vs环境中项目正常，但是部署到服务器时异常（“install” not define）

这个问题点挺多的，我在网上搜到的大多都是vue-router版本与vue版本不匹配导致的，但是我vue2与vue-router 3.5.2是没问题的

我的问题（已解决）

问题，服务器运行失败，install not define

解决

注释掉14行

服务器部署Vue脚手架工程，以及遇到的问题总结相关推荐

搭建Vue脚手架工程
搭建Vue脚手架工程 Vue介绍 Vue是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或 ...
初学者搭建Vue脚手架工程
初学者搭建Vue脚手架工程 1.在前端的知识海洋里,各种前端框架自动化测试满天飞,正如在当下想不被淘汰,那只有不断的去学习心得知识,所以就有了今天的一次学习vue搭建脚手架的记录. 2.第一步:搭建v ...
vue脚手架工程搭建
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 vue脚手架工程搭建一.vue 模块化开发 1.全局安装 webpack 2.全局安装 vue 脚手架 3.初始化 vue 项目 4 ...
二、Vue脚手架工程
一.前言使用vue,大部分是使用前后端分离技术,前端vue单独打包成项目运行.首先大概介绍一下vue脚手架,nodejs和webpack之间的关系. vue脚手架: vue官方提供的vue项目目录结 ...
Vue脚手架工程 - 新建项目时注意事项、与配置工程时经验总结
文章目录新建脚手架工程配置vue.config.js文件启动项目时自启动浏览器编辑演示关闭eslint检验编辑演示 less语法爆红组件名异常解决方案安装vue-router 别忘了 ...
Linux 服务器部署 vue（SPA）与 nuxt（SSR）项目
目录 1.安装 node 2.安装 nginx nginx 配置 --with-http_ssl_module 报错 3.nginx的启动.停止与重启启动停止重启开机自启动 4.安装 pm2 ...
Vue-cli(vue脚手架)上万字总结，超详细教程
1.创建Vue脚手架 1.1.首先系统需要全局安装Vue脚手架 npm install -g @vue/cli 1.2.创建Vue脚手架工程进入你想创建vue脚手架的目录,然后输入命令 vue cr ...
Vue脚手架入门基础
文章目录 1.课程简介 1.1. 关于Vue 1.2. 关于Vue脚手架 1.3. 关于npm 2.搭建开发环境 2.1. 安装Node.js 2.2. 配置npm源 2.3. 安装VUE Cli 3 ...
VSCode搭建Vue项目及服务器部署
一.安装nodeJs 在我之前的博客<idea搭建vue-cli项目>里有详细安装教程,这里进入! 二.在VSCode搭建Vue项目 1.安装全局脚手架 npm i -g @vue/cli ...

服务器部署Vue脚手架工程，以及遇到的问题总结

文章目录

直接打包脚手架工程

把生成后的打包文件dist直接丢进服务器

脚手架部署到服务器遇到的问题

路由的history和hash模式

有什么区别

history模式

hash模式

如何配置

vs环境中项目正常，但是部署到服务器时异常（“install” not define）

我的问题（已解决）

服务器部署Vue脚手架工程，以及遇到的问题总结相关推荐

最新文章

热门文章