Vue项目使用域名访问配置

1. 编辑C:\Windows\System32\drivers\etc文件夹中的hosts文件,在末尾添加127.0.0.1 www.local.com(你的自定义域名) 注意:如果该文件夹没有hosts文件,看看查看 - 隐藏的项目打勾是否显示hosts,如果还没有则打开cmd命令输入:for /f %P in ('dir %windir%\WinSxS\hosts /b /s') do copy %P %windir%\System32\drivers\etc & echo %P &…

VUE项目部署公网ip和端口以及使用域名访问配置

前提是已经配置好了相应的外网和内网端口的映射一.公网ip和端口配置在vue项目启动之前对项目下:项目名/config/index.js 文件进行修改原来的内容为:(位置在index.js的第16,17行作用) host: 'localhost', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free…

【Tomcat】本地域名访问配置

原路径:localhost:8080/jsja 1.把8080端口改为80端口打开%TOMCAT_HOME%/conf/server.xml <Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443"/> 改为 <Connector connectionTimeout="20000…

tomcat域名访问配置

模拟线上环境,在本地以域名访问系统思路 1.首先在hosts文件将域名映射为本地IP 2.假如服务器80端口已被占用,可以用nginx转发,在nginx/vhosts/abc.com加入如下配置 server{ listen 80; server_name abc.com; location / { proxy_pass http://abc.com:8080; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_add…

IIS、nginx、apache只允许域名访问配置

您开启WAF后,攻击者只能看到WAF的IP,不能看到您的IP,攻击者通过域名访问您的网站时,就会根据规则拦截. 但是如果您的网站可以输入IP地址直接访问,是无法达到防御效果的.比如(http://42.121.43.*/index.php,这类可以不通过域名访问的应用,无法防御). 请按照本文配置,禁止使用IP地址直接访问网站. IIS 禁止IP直接访问配置方法 1.打开控制面板->internet信息管理服务器,选择需要绑定域名的网站. 2.点击绑定,选择编辑.添加需要绑定的域名 …

vue 项目中当访问路由不存在的时候默认访问404页面

前言: 在Vue项目中,当访问的页面路由不存在或错误时,页面显示为一片空白.然而,通常我们需要对访问url不存在或者错误的情况下添加默认的404页面,即not found页面. 一般的处理方法是: 在最后添加一个path: * ,优先级从上到下查找路由,都没有的时候全部指向 404页面 ,代码如下: const baseRoute = [ { path: '/login', name: 'login', component: Login }, {path: '/', redirect: '/in…

vue项目中vscode格式化配置和eslint配置冲突

问题描述使用vscode开发vue项目的时候,从远端拉下一个新的项目后,安装完依赖后跑起项目时,发现直接报了一堆语法错误:包括换行.空格.单双引号.分号等各种格式问题因为我的 vscode 安装使用 vetur 插件,它默认使用的是 prettier 来格式化代码,从而在拉下代码时,直接格式化了我的代码分析这时首先想到的处理办法,是把 webpack 中 eslint 的相关配置关闭,这时,随然报错不见了,但问题并没有解决这个项目是多人开发,如果我不设置 eslint 检测,那么对其它…

团队协作统一vue代码风格，vscode做vue项目时的一些配置

1. 安装Vetur 扩展主要是用于让vscode能识别vue文件,对vue代码进行高丽处理,并且它内置了一些代码格式化的设置 2. 安装ESLint 如果你的项目已经开启了eslint规范, 再有多余的空格,或者空行,会有红色波浪线提示. 但是光有提示还不够,还希望在ctrl + s保存的时候自动帮我们处理这些小问题.其实那些js规范,大部分人错得多的地方无非就是个空格与空行的问题文件 -> 首选项 -> 设置将以下配置填入 worksapce settings { "edi…

webstrom vue项目让局域网访问

vue项目package.json "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",在dev 后面加入--host 0.0.0.0 即可在npm run dev 后通过局域网访问192.168.xxx.xxx:xxxx…

Tomcat发布项目，域名访问

域名访问项目 1,去掉访问路径的端口号: 找到 Tomcat 下的 conf 文件中的 server.xml,找到 8080 修改成 80, 2,项目绑定域名: <Host name="要绑定的域名" debug="0" appBase="webapps" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNa…

Vue项目多域名跨域

在Vue项目中请求后台数据时,遇到的多域名跨域问题. 直接上代码: assetsSubDirectory: "static", assetsPublicPath: "/", proxyTable: { "/api": { target: "path1", changeOrigin: true, //改变源 pathRewrite: { "^/api": "/" //路径重写 } }, /…

Vue项目中使用webpack配置了别名，引入的时候报错

chainWebpack(config) { config.resolve.alias .set('@', resolve('src')) .set('assets', resolve('src/assets')) .set('components', resolve('src/components')) }, 这是vue.config.js里的配置使用的时候,要在别名前面加上~,这样就会告知加载器这是一个模块,而不是绝对路径记住,在script部分或者js里引入的时候,不需要加 ~,直接用…

webpack构建vue项目（再谈配置）

webpack配置起来确实麻烦,这不,之前用刚配好了vue1+的版本,结果在(部分)安卓机上测试,发现存在开启热加载(dev-server)的情况下不能识别vue语法的问题,试了很多方法,都没能很好的解决,最后索性将vue升级到2+,竟然就能识别了,好吧! 1.先分享一下webpack配置vue2+的一些不同(本人亲测): (1)dependencies中的vue默认安装2+,直接运行,会报如下错:[Vue warn]: Failed to mount component: template o…

vue项目接口域名动态获取

需求: 接口域名是从外部 .json 文件里获取的. 思路: 在开始加载项目前进行接口域名获取,然后重置接口域名的配置项. 实现: 1.config/index.js 文件进行基础配置 import axios from 'axios' const config = { requestUrl: 'http://qiniu.eightyin.cn/path.json', //动态域名所在地址 baseUrl: { dev: '/api/', pro: 'http://xxx.com/' //…

vue项目使用vux框架配置教程

吐槽下,这个vux配置教程那..写的实在是坑,也不搞个示例代码...想上天吗???? 正常安装的话...100%报错...以下是正确配置 1.项目里安装vux npm install vux --save 2.安装vux-loader(vux2必须结合vux-loader使用,本文也只是介绍vux2的配置) npm install vux-loader --save-dev 3.安装less-loader npm install less less-loader --save…

关于vue项目多页面的配置

基于vue2.0生成项目,一段时间都在找如何配置成多个页面的.网上有这样的例子相对也是比较详细的,但是还是有些许不一样的地方的.所以,我还是记录下来,当然我也是参考了网上的资料的. 当然先来个vue的项目,打开命令行工具,对边进入一个目录下. vue init webpack my-project 注意,node和npm的版本,npm版本最好是3.0+的.其中my-project是自定义的项目名,按照步骤一步一步来就好了,然后进入自动生成的文件夹下,下载依赖的包,然后运行,应该会打开浏览器的lo…

Javaweb项目不需要端口号及项目名的访问配置（已备注）

1.不需要端口号的配置: 在server.xml中找到节点: <Connector URIEncoding="UTF-8" connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443"/> 改为: <Connector URIEncoding="UTF-8" connectio…

vue项目开发期间，配置webpack解决后台接口在不同服务器上的问题之二（ node搭建服务）

由于今天上午后端人员把接口都整合都一个服务器了,所以就没有硬关注上一篇文章的问题, 晚上回来,用node搭了一个简单服务器,测试了下,是没有问题的.代码如下: 一. 自己初始化项目, 1.package.json { "name": "es", "version": "1.0.0", "description": "", "private": true, &quo…

vue项目，webpack中配置src路径别名及使用

1.项目结构: 2.在build文件夹下的webpack.base.conf.js文件中设置src的路径别名. 3.在js文件或者vue文件的script标签中使用: (1).js文件中导入示例: (2).vue文件中导入示例: 4.css(scss)文件在scss或者vue的style标签中导入示例: (1).在scss文件中导入示例: (2).在vue的style标签中导入示例: 注意:css或者scss样式导入需要使用 ~@ 开头. 5.在vue的template模板标签中引入图片路径示例…

vue项目中router路由配置

介绍路由:控制组件之间的跳转,不会实现请求.不用页面刷新,直接跳转-切换组件>>> 安装本地环境安装路由插件vue-router: cnpm install vue-router --save-dev *没有安装淘宝镜像的可以将 cnpm 替换成 npm 想要安装的可以看这篇文章http://www.cnblogs.com/padding1015/p/7162024.html,(打开搜索镜像即可跳转到对应位置) 配置两种配置方法:在main.js中 || 在src/r…

新建Vue项目记得几个配置

1.在APP.vue文件夹中进行CSS初始化 2.下载vuex,vue-router,并配置 3.关闭语法检查vue.config.js 4.按需引入组件库…

vue项目使用.env文件配置全局环境变量

一.env文件的认识: (1).env 文件主要的作用是存储环境变量,也就是会随着环境变化的东西,比如数据库的用户名.密码.缓存驱动.时区,还有静态文件的存储路径之类的.因为这些信息应该是和环境绑定的,不应该随代码的更新而变化,所以一般不会把 .env 文件放到版本控制中. (2)关于env文件的命名规范:必须以".env"文件名开头 .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.production 生产环境下…

vue项目localhost可以访问 ip不能访问

解决方法: 如图所示:…

webpack / vue项目 config/index.js配置（用于配置webpack服务器代理）

'use strict' // Template version: 1.1.3 // see http://vuejs-templates.github.io/webpack for documentation. const path = require('path') module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), asse…