应用为VUE单页应用，路由模式为history，web服务器为nginx，正常情况下如果直接通过url访问一个中间页（不是index.html）时，会看到nginx返回的404错误，这个问题目前我只能通过修改nginx站点配置文件来实现。 具体代码（只看红色加粗的部分就行）：server {listen 80;server_name ……;index index.php index.html index.htm default.php default.htm default.html;root /www/wwwroot/……;# BEGIN 解决VUE在中间页刷新时出现404或...
touch run.dev.logchmod u+w run.dev.log 记录日志文件 nohup npm run dev > run.dev.log 2>run.dev.log & exit 一定要控制台执行exit 不记录日志 nohup npm run dev >/dev/null 2>&1 & exit 结束持久npm run dev查看端口号8080 杀死进程 kill -9 9071
项目开发完了以后，肯定是要打包的，不然也就失去了项目存在的意义。 上图中的build就是打包的，它会根据你的配制文件生成一个目录，然后目录中就是最终生成的文件， 上传到服务器，就可以运行。 但是，一般都是存在各种各样的问题，比较说路径问题，这个是常见的问题。 这个是vue.config.js 1、目录路径（静态资源）问题 publicPath: 这个是访问的根目录，一开始是/ outputDir：这个是生成的文件放在那个目录下面，如果叫ab...
初次接触vue3，有什么不足之处，多多探讨<~> 首先用vite创建初始vue项目后，会生成一个默认的vite.config.js文件，如下import { defineConfig } from vite import vue from @vitejs/plugin-vue // https://vitejs.dev/config/ export default defineConfig({plugins: [vue()] })
一、环境准备—Node.js 1.安装Node.js：官网地址 安装成功查看版本号： node -v npm -v2.安装Node.js淘宝镜像加速器： 方法一： npm install cnpm -g方法二：（解决npm速度慢问题） npm install --registry=https://registry.npm.taobao.org3.安装nrm（npm源管理器，带*的是当前使用的源）：参考链接 npm install -g nrm nrm ls nrm use taobao4.项目搭建使用Vue CLI（新版本）： npm install -g @vue/cli vue --version二、搭建项...
一、 环境配置 1.安装Node.js 下载地址为: https://nodejs.org/en/ 以下操作都在命令行窗口进行 2.提高效率和下载速度，下载淘宝镜像：http://npm.taobao.org/ npm install -g cnpm –registry=https://registry.npm.taobao.org 即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。 3．使用npm安装vue的脚手架：npm install –g @vue/cli 二、 搭建项目 1.打开你要存放项目的文件夹，然后召唤命令行窗口，输入以下命令 ...
一，axios封装request请求，并封装api请求接口的方式 在vue项目目录scr 下新建 network目录 再新建request .js文件 //request .js 文件 // 引入axios请求库 import axios from 'axios' // 封装Promise实例 export function request (config) {// 1.创建axios实例const instance = axios.create({// 1.1定义统一的请求地址baseURL: 'https://autumnfish.cn/',// 1.2定义统一的请求超时设置timeOut: 5000})// 2.1添加请求拦截器inst...
在vue项目中引入地图的方法有多种，如天地图,vue-amap等，各有优略，大家可以根据自己的需要来选择。 本次介绍的是自己公司使用的天地图。(官网：https://ditu.zjzwfw.gov.cn/docs/#/README ) 因为在官网中只有属性，方法的介绍，没有详细的引入教程，所以自己用了之后写一篇文档防止和我一样的小伙伴走弯路。 详细情况如下所示。 第一步是按照官网拿到自己的key(密钥) 第二步是在你的vue项目中的 index.html 中引入对应的src。如...
创建vue项目首先要有node.js,可以去官网nodejs.org下载 下载完后运行软件，直接next，最后finish即可安装完成 安装好后查看一下node是否安装好，cmd 输入node -v查看node的版本号 node.js自带npm,在cmd中输入 npm -v 查看npm的版本号 版本确认后，我们可以创建vue项目了，cmd 进入想要创建的文件夹，vue -V查看vue版本号 vue create 项目名 命令创建vue 选择Manually select features 回车进入下一步，手动选择一些特性 根据...
jenkins的安装 Jenkins是一款开源 CI&CD 软件，用于自动化各种任务，包括构建、测试和部署软件。 Jenkins 支持各种运行方式，可通过系统包、Docker 或者通过一个独立的 Java 程序。 安装这里的操作系统为WSL Ubuntu，其它系统的安装的请参考jenkins官方文档wget -q -O - https://pkg.jenkins.io/debian/jenkins.io.key | sudo apt-key add - sudo sh -c 'echo deb http://pkg.jenkins.io/debian-stable binary/ > /etc/apt/sources...
此插件本人在vue中使用，其他项目没用过，如果在普通html项目请参考truffle官网boxes的webpack盒子。我封装的初始化插件，es6-dapp下载与使用说明，https://www.npmjs.com/package/es6-dapp完整项目参考，https://gitee.com/bluedreamjeff/truffle-vue-box
vue项目在运行npm run build时卡住不动的解决办法 解决办法：1、找到项目中build目录下的check-versions.js文件，将如下代码注释掉即可：if (shell.which(npm)) {versionRequirements.push({name: npm,currentVersion: exec(npm --version),versionRequirement: packageConfig.engines.npm}) }2、然后重新运行npm run build，等一会即可看到打包成功
一直想用electron把vue项目打包成桌面应用，网上找教程发现都是vue-cli2.x的，用的人真少导致更新不及时。好在终于在b站上找到了一个解决方案，记录一下。 一、新建vue项目 vue create test二、进入test项目，安装electron-builder cd testvue add electron-builder选择版本最新的（写这篇文章时版本为11.x） 这个过程中可能会卡在electron-builder依赖包的下载中，导致超时失败，如果没有可以跳过下面的步骤 ====================...
问题1:开发过程中vue项目实现跨域访问的方式 解决方案： 在项目根目录下新建vue.config.js文件，添加如下配置： module.exports = {devServer: {disableHostCheck: true,//解决跨域问题proxy: {"/api": {target: "http://localhost:8088/server",changeOrigin: true,pathRewrite: {"^/api": ""}}}}, }配置axios的baseUrl参数 Vue.prototype.axios.defaults.baseURL = "/api";这样所有的跨域请求，如：http://localhost:8088/server...
第一步：下载vscode https://code.visualstudio.com/ 第二步：下载node.jshttps://nodejs.org/en/ 第三步：安装淘宝镜像(可省略)http://npm.taobao.org/ 第四步:配置环境查看path的用户变量第五步：vscode搭建vue项目 1.在终端输入 npm install --global vue-cli 安装vue-cli 2.vue init webpack 项目名 (创建项目) 3.按Y或回车运行完成后cd+项目名进入项目文件，然后输入npm run dev 就可以运行项目了。