我又来了，今天部署了下vue项目，使用nginx做了代理，这样可以解决跨域的问题，这里做一个简单讲解。1.先看vue项目打包（我这里使用的是vscode开发工具）这里是我的项目结构：打包之前需要修改如下配置文件：配置文件一：build>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件的问题)配置文件二：config>>index.js(修改assetsPublicPath:‘./‘ ,修改目的是为了解决js找不到的问题)上面两步修改完成之后就...
Vue 代码层面的优化；webpack 配置层面的优化；基础的 Web 技术层面的优化。一、代码层面的优化1.1、v-if 和 v-show 区分使用场景v-if?是?真正?的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。
v-show?就简单得多， 不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 的...
问题描述：前端需要修改restful API的url，但是打包之后，配置文件找不到了，如果在npm run build 生成dist后，这个配置也被写死了，传到运行的前端服务器上后，假设某次，api服务器的ip修改了，改动只是更新下这个url，但是却需要会到前端源码，url后，在重新npm run build,然后再把整个dist再重新传到前端服务器，才可以。解决方法：用了generate-asset-webpack-plugin 这个插件，在webpack.prod.conf.js中去生成configServer.js...
例如在修改属性值的时候 this.$set(this.curPlayList[this.curClickDevice.wndNum], ‘description‘, rsp.Message.returnMsg || ‘播放异常‘) 页面数据curPlayList并没有发生变化，最后解决方案是在后面添加this.$forceUpdate()，进行强制更新。在某些文件，没有this，那就用Vue.$forceUpdate() 原文：https://www.cnblogs.com/luoxuemei/p/13745753.html
1：首先 查看node 版本node -v npm install stable 3:初始化 vitejs 然后就会叫你选择 语言直接选 vue-ts 然后cd 进入项目 初始化即可 npm init @vitejs/app 项目名称：vite-vue3-ts cd vite-vue3-tsnpm installnpm run dev 打开成功这个页面就说明成功了 4：打开项目 打开 vite-config.ts 文件，修改指向目录import { defineConfig } from ‘vite‘
import vue from ‘@vitejs/plugin-vue‘
import { resolve } ...
项目开发完了以后，肯定是要打包的，不然也就失去了项目存在的意义。 上图中的build就是打包的，它会根据你的配制文件生成一个目录，然后目录中就是最终生成的文件，上传到服务器，就可以运行。 但是，一般都是存在各种各样的问题，比较说路径问题，这个是常见的问题。 这个是vue.config.js1、目录路径（静态资源）问题publicPath: 这个是访问的根目录，一开始是/ outputDir：这个是生成的文件放在那个目录下面，如果叫abc，那么生...
在最近做的vue项目中,使用了webpack打包工具,以前在做项目中测试环境和生产环境的接口地址都是一样的,由于现在接口地址不一样,需要在项目打包的时候手动切换不同的地址,有时候忘记切换就要重新打包,来回很是麻烦,今天网上翻看到一个很好的方法可以解决这个问题,也是由于对webpack工具不是很了解,其实这个工具已经提供了解决方案.参考网站:http://blog.csdn.net/gebitan505/article/details/58166055;在config文件夹里面有三个js文件...
业务逻辑 通过gitee创立各个分支，比如swiper，header，recommende等分支，其实就是整个页面上的每个模块。模块化是公司级别项目开发的基准，每个人在各自的分支上进行代码的编写，而对主分支master没有影响。故master分支一般是承载着项目作为基本的代码。 在本个vue的项目中，其页面模板是存储在以下路径 Home.vue作为根模板起到了一个对于别的小模块的整合作用。需要引入模块，在template元素下要使用div进行一个根标签的...
使用HBuilderX实现打包vue项目成app：https://www.cnblogs.com/wuzhiquan/p/10594855.html 一、准备开发工具开发工具：HBuilderX官网地址：http://www.dcloud.io（标准版需要自己安装插件，app开发版已经把app开发常用的插件安装好了，开箱即用，建议使用开发版）二、打包生成一个vue项目就拿手头上一个vue项目进行打包，vue项目预览如下：打包生成的项目结构：三、创建HBuilder的app项目（请先注册HBuilde账号并登录，打包的时候需...
在webpack构建的vue项目中，当我们想要使用一个组件时，需要先将组件引入，例如“import List from ‘@/pages/list/list‘”，这时我们都是用@作为起始位置，其实@代表了src路径。 那么有没有办法我们自己来定义一个别的路径，或者将@重命名呢？当然是可以的 首先，打开build下的webpack.base.conf.js文件，我们可以看到alias重命名这一项。 resolve: { extensions: [‘.js‘, ‘.vue‘, ‘.json‘...
列表进入详情页的传参问题本地开发环境请求服务器接口跨域的问题axios封装和api接口的统一管理UI库的按需加载如何优雅的只在当前页面中覆盖ui库中组件的样式定时器问题rem文件的导入问题Vue-Awesome-Swiper基本能解决你所有的轮播需求打包后生成很大的.map文件的问题fastClick 的300ms延迟解决方案组件中写选项的顺序路由懒加载（也叫延迟加载）开启gzip压缩代码详情页返回列表页缓存数据和浏览位置、其他页面进入列表页刷洗数据的...
今天突然间想安装一下Google浏览器的免广告的插件，然后再刷新之前正在启动着的vue项目的时候，刷新页面突然间出来个500，当时都懵逼了。 百度了半天也没找到是怎么回事，问了这个群那个群的，后来仔细研究了一下报的错误是代理的事，结果把设置的那个使用代理服务器关了就好了。 原文：https://www.cnblogs.com/yuanyuanya/p/11414262.html
转载：https://www.jianshu.com/p/7ee3b532428c环境搭建我们需要先从node.js官网安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。
安装完成之后，打开命令行工具（Mac打开终端），输入 node -v，如图，如果出现相应的版本号，则说明安装成功。 node -v
那么此时你发现你不仅拥有了node环境而且还有了npm包管理器，岂不快哉！
安装vue-cli脚手架构建工具在命令行中运行命令 npm install vue-cli -g ，然后等待安...
我们用Vue-Cli脚手架新建项目时会选择使用ESLint + Prettier来统一我们的前端代码风格，但这对新手使用有很大困难，严格的格式要求容易出现很多警告和错误，这时最好关闭ESLint + Prettier。1.在src下新建文件.eslintrc.js，并如下配置：module.exports = {root: true,env: {node: true},extends: [‘plugin:vue/essential‘,//关闭ESlint关键代码// ‘@vue/standard‘],parserOptions: {parser: ‘babel-eslint‘},rules: {//严格...
ngnix 部署 vue项目-基础篇
标签（空格分隔）： docker ngnix vue Dockerfile目录基础知识主要知识点###1.基础知识 image containerdocker 命令 build run rm rmi execDockerfilenpm 打包vue项目###2.主要知识点Dockerfile image container 简单来讲，Dockerfile构建出Docker镜像，通过Docker镜像运行Docker容器。Dockerfile 包含构建image的指令#基于centos镜像
FROM centos #引用指定基础镜像#维护人的信息MAINTAINER The CentOS...
