文章分类 - Vue
1
摘要:准备工作 1、部署IIS服务器 2、项目执行build生成需要部署的文件 步骤一:复制文件 把build之后的文件(dist文件夹)拷贝到IIS存放网站文件的目录 注意:拷贝的时候不一定是要把dist整个文件夹拷贝,也可以拷贝里面的内容,这个需要看自己的需求。如果不明白的话,可以跟我一样做。 步骤二
阅读全文
摘要:报错原因:在执行 npm install 存在依赖冲突。 npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR! npm ERR! While resolving: compression-webpack-plugin@3.
阅读全文
摘要:一、安装环境 1、本机系统:Windows 10 Pro(64位)2、Node.js:v6.9.2LTS(64位) 二、安装Node.js步骤 1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试 三、前期准
阅读全文
摘要:在执行 npm run serve 或者npm run dev 运行项目的时候报错: npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! deasync@0.1.20 install: `node ./build.js`npm ERR! Exit sta
阅读全文
摘要:VUE项目启动1、npm install2、启动项目:npm run dev,如果npm run dev不行,则用npm run serve3、打包部署:npm run build进行打包,打包完成后项目里面多了一个dist文件夹,将dist扔到服务器
阅读全文
摘要:1、build 文件夹: 里面是对 webpack 开发和打包的相关设置,包括入口文件,输出文件,使用的模块等。 1.1 webpack.base.conf.js :打包的核心配置 1.2 build.js:构建生产版本,项目开发完成之后,通过build.js打包(加载base与prod,读取完之后
阅读全文
摘要:1.将vue项目使用npm run build命令打包后将dist文件夹内的文件全部拷贝到服务器。2.IIS添加应用程序池,.NET CLR版本选择无托管代码 3.添加网站,应用程序池选择刚刚添加的无托管代码版本的程序池,路径选择vue发布所在的文件夹 4.如果网站首页正常,点击到其他页面直接F5刷
阅读全文
摘要:解决方法: 1、以管理员身份运行powershell2、在powershell执行:get-ExecutionPolicy,显示Restricted(表示状态是禁止的)。3、在powershell执行:set-ExecutionPolicy RemoteSigned ,选择Y或A 。4、在power
阅读全文
摘要:报错信息 Syntax Error: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0. 问题原因node版本和node-sass版本不兼容 解决办法 方法一、 1.node uninstall node-sass 2.npm i
阅读全文
摘要:ERROR in Cannot find module 'node-sass' 错误表示找不到node-sass模块。 因为cnpm安装导致的,换成npm安装就好 或者cnpm install node-sass@latest 解决方法: 输入命令:cnpm install node-sass@la
阅读全文
摘要:网址:https://docker.blog.csdn.net/article/details/120564807?spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTR
阅读全文
摘要:基于Centos 7 vue+nginx+docker 的前端项目部署 1.先在本地将vue项目建立,并且确定能跑起来使用npm run serve ctrl+鼠标左键在本地查看。 然后使用npm run build,会在本地生成一个dist文件。 然后建一个文件Dockerfile,文件内容可以在
阅读全文
摘要:centos7部署vue项目(前后端分离,nginx) 转载:https://www.cnblogs.com/tyrone2005/p/10298702.html 一、环境准备 1、centos7系统 2、mysql数据库 3、在centos7虚拟机上安装好nginx 二、部署内容准备 1、后端wa
阅读全文
摘要:Vue环境配置前言:之前开发过微信小程序,感觉前后端分离的开发非常舒服,在线学习了下Vue这个前端框架,感觉与小程序的开发类似。动手搭建下前后端分离的项目,做个简单的Demo,体会下前后端分离的开发。写下这个系列也是记录自己在学习Vue的实践过程。Vue官网地址,可在线学习Vue的基本语法,了解Vu
阅读全文
摘要:官网http://nodejs.cn/download/下载安装包 image.png 点击安装 一路狂点下一步 image.png 安装完毕,node中自带npm的哦 为了跨越长城,切换一下淘宝镜像 npm install -g cnpm --registry=https://registry.n
阅读全文
摘要:学习完vue环境搭建并创建项目后下面我们介绍使用vscode运行vue项目。 一:下载vscode地址为:https://code.visualstudio.com/ 然后根据自己的电脑下载对应的版本。 二:语言的修改 当我们下载安装完成后我们会发现显示的全都是英文,一头蒙啊,果断的改变语言。ctr
阅读全文
摘要:1.确保程序是可运行的,即npm run dev可以运行 2.把index.js修改 3.运行npm命令npm run build 4.生成的dist文件为 直接点击index.html就能运行,部署到服务器上面也能运行,例如要部署到tomcat。就把整个dist文件复制到wabapps下面,访问该
阅读全文
摘要:网址:https://blog.csdn.net/weixin_38023551/article/details/88640939 上一篇已经介绍了然后配置web项目;今天由于公司需求,需要在同一域名端口下,部署两个项目;今天花了一上午终于弄好了,选择赶紧做一个笔记。 如何连接阿里云服务器就不在这里
阅读全文
摘要:项目完成之后,当然不能满足于在我们的开发环境下跑一跑。我们可以打包发布到服务器上,让大家一起来欣赏一下你的作品。 那么 vue 项目如何打包发布呢,新建的项目目录下通常都有一个 README.md 的文件,里面就描述了发布的步骤: 下面这个是 vue-cli 3.x 创建的项目中的 README.m
阅读全文
1