背景：公司做了一个公众号的网页项目，这个项目主要是用户扫码，填写信息。分为用户端和管理端。后端用的java,前端用的vue,刚开始的时候，是http访问项目。可是，用户反应http 在url 上提示不安全，体验不好，所以吧http 访问改成https。 操作概要： 首先说明一下，公司的服务器（windows），域名都是阿里云的。 前端vue项目放在tomcat 中，后端打的jar包。因为这次操作主要是针对这种情况。 首先去阿里云给对应的域名申请免费...
### 端口号问题：vue.config.js中devServer中port无效 ????问题描述：vue项目开发中，用axios请求数据时，用到服务器代理，在vue.config.js中设置服务器代理devServer时，配置??port:3001,??失效。????解决： ???? 第一种方法：修改portfinder版本号：???? 在node_modules中，依次找到@vue----cli-service----package.json，将??"portfinder":?"^1.0.22",???改为??"portfinder":?"^1.0.20",????????第二种方法：修改port...
App.vue<template><div id="app">这是app.vue主页标题<router-view/></div> </template><script> export default {name: App } </script><style> #app {font-family: Avenir, Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50;margin-top: 60px; } </style>router文件夹下的index.jsimport Vue from vue import Router from vue-router i...
我的vuejs应用程序的package.json看起来像 的package.json{"name": "vue_app","version": "0.1.0","private": true,"scripts": {"serve": "vue-cli-service serve --open","build": "vue-cli-service build","lint": "vue-cli-service lint"},"dependencies": {"axios": "^0.18.0","vue": "^2.5.13","vue-router": "^3.0.1","vuex": "^3.0.1"},"devDependencies": {"@vue/cli-plugin-babel": "^3.0.0-beta.6","@vue/cli-plugin-esl...
1.去natap 配置端口号 //本地项目是8080端口，natapp就配置8080端口 2.ngrok配合vue-cli实现外网访问 1.去 https://ngrok.com/download 下载 3.修改vue-cli中的配置文件build/webpack.dev.conf.js在devServer中添加:disableHostCheck: true,添加完成后，运行npm run dev启动项目 4. 如自己的项目是localhost:8080，在cmd命令下运行ngrok http 8080 然后会返回两个网址，复制到浏览器就可以访问了，（有...
一、下载安装node.js 1、Node.js 官方网站下载：https://nodejs.org/en/ 2、傻瓜式安装 双加安装包，除了根据自己的需要选择安装位置外，都默认下一步。 3、验证安装 打开cmd，分别输入node –v和 npm –v 都有相应的版本输出，说明安装成功。 二、配置npm 1、配置npm的全局模块安装路径和cache路径 （1）在node.js安装目录下新建两个文件夹 node_global和node_cache，然后在cmd命令下执行如下两个命令： npm c...
用法 Vue.config是一个对象，包含Vue的全局配置,可以在启动应用之前修改下列属性，如下: ptionMergeStrategies ;自定义合并策略的选项silent ;是否关闭警告，默认为false,如果设置true，那么将不会有各种报错productionTip ;开发模式下是否在控制台显示生产提示，即一条You are running Vue in development mode提示，设置false,即可关闭该提示devtools ;是否允许v...
问题 开发小程序选定了mpvue框架后，然后是选择理想的小程序组件库，我选择的是Vant Weapp。但是，在Vant Weapp组件毕竟也是有限的，实际问题可能复杂得多。因此，把Vant Weapp组件与小程序原生组件（如swiper等）联合使用，甚至是开发自定义组件都是可能的。另一方面，使用Vant Weapp组件类似库的一个好处是，很大情况下，可以不必关注CSS样式的编写，但也不尽然。今天就遇到这样一个问题。 在mpvue框架时，我自然地使用了官方提供...
Vue2介绍1.vue2.0 Vue (读音 /vju?/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层 采用单文件组件 复杂大型单页应用程序（SPA） 响应式的数据绑定，与组件化的开发HTML中的DOM与其他的部分独立开来划分出一个层次，这个层次就叫做视图层2.Webpack Webpack是一个前端打包和构建工具。 webpack有四个核心概念：入口（entry）指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。可以单个...
先解压安装 PHPStudy;解压安装 Navicat 这个数据库可视化工具，并激活；打开 Navicat 工具，新建空白数据库，名为 dtcmsdb4;双击新建的数据库，连接上这个空白数据库，在新建的数据库上右键 -> 运行SQL文件，选择并执行 dtcmsdb4.sql 这个数据库脚本文件；如果执行不报错，则数据库导入完成；进入文件夹 vuecms3_nodejsapi 内部，执行 npm i 安装所有的依赖项；先确保本机安装了 nodemon, 没有安装，则运行 npm i nodemon -g 进行全...
第一步：vue项目打包前，更改publicPath，不同版本在不同目录下，2.X在build->config下，3.X在vue.config.js下，如下图设置，我的是3.0；打包。 module.exports = {productionSourceMap: false, //减少打包后的.map文件publicPath: '/web/',// 输出文件目录outputDir: 'web', } 第二步：配置nginx，伪静态设置，如下图，默认打开是前端，后台为admin，请注意root和alias的区别，简单的说，root会自动加上location后的路径，alias则...
nginx配置：server {listen 123;server_name 192.168.88.128;location /calledfront/trafficbg/public/ {proxy_pass http://127.0.0.1:8080/;proxy_pass_header Set-Cookie;proxy_set_header Host $proxy_host;}location /calledfront {root /usr/local/nginx/html/ctyuncss; #路径配置到vue项目的上层目录#index index.html index.htm;try_files $uri $uri/ /calledfront/index.html; #calledfront为vue项目打包后的文件夹...
1.修改vue.config.js 中的 publicPath 值 使名称与后面nginx配置的路径名相同 2.修改rotuer文件夹下面的index.js 新增base属性 3.npm 打包 4.找到打包后的dist文件夹下面的index.html文件，编辑状态打开 找到head标签 新增<meta base="/test/">标签 5.修改dist文件夹名称为test，与nginx名称保持一致 6.修改nginx配置 新增location 指定路径名 重启nginx服务。发版成功！
介绍# vue在国内的前端地位可谓是如日中天，由于目前主流的前后端分离式开发，让许多前端小伙伴不太了解服务器操作特别是Linux，而许多后台开发人员虽然精通服务器，却不懂前端框架如何发布。本篇将详细介绍vue构建静态文件发布至Linux并配置Nginx服务代理https，在发布前我们先需要准备以下环境：Linux服务器：CentOS、Ubuntu 域名：云服务商处购买域名 SSL证书：云服务商购买或Open SSL配置服务器# 下面以阿里云服务为例，介绍Li...
前言 献给和我一样懵懂中不断汲取知识，进步的人们。霓虹闪烁，但人们真正需要的，只是一个可以照亮前路的烛光 理论铺垫 1,wsgi：一种实现python解析的通用接口标准/协议，是一种通用的接口标准或者接口协议，实现了python web程序与服务器之间交互的通用性。 利用它，web.py或bottle或者django等等的python web开发框架，就可以轻松地部署在不同的web server上了； uwsgi:同WSGI一样是一种通信协议 uwsgi协议是一个uWSGI服务器自...