vue输入域名自动加载index.vue?

网站首页内容放在index.vue中,如何输入域名即加载index.vue?

0

3个回答

输入域名后,网页直接加载打包后的index.html , 你只要在Vue router里面设置好根节点就行了吧

1
sun_qqq
sun_qqq 谢谢啦
8 个月之前 回复

在Router中将index.vue设为根路径

1
sun_qqq
sun_qqq 谢谢啦
8 个月之前 回复

图片说明

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Vue.js框架下的main.js,App.vue,page/index.vue页面之间的区别
1.index.html文件入口;2.src放置组件和入口文件;3.node_modules为依赖的模块;4.cofig中配置了路径端口值等;5.build中配置了webback的基本配置、开发环境配置、生产环境配置等。main.js是我们的入口文件,主要用于初始化vue实例,并使用需要的插件。App.vue是我们的主组件,所有的页面都在App.vue下进行切换。我们可以将router标示为App...
又报错咯~~不小心关了测试,重新运行就报错了。版本不对
错误代码如下 Module build failed: Error: Vue packages version mismatch: - vue@2.6.7 - vue-template-compiler@2.6.6 This may cause things to work incorrectly. Make sure to use the same version for both. If...
vue 页面自动加载
//自动加载 //created描述所要默认加载的方法
vue 项目中小问题总汇-
ps持续更新(可能会遗忘当个小笔记吧) 一 关于element 动态生成左侧菜单问题 1.1 :index值的问题 代码   <el-submenu :index="value.id" v-if="value.node"> 报错: [Vue warn]: Invalid prop: type check failed for prop "index". Expected St...
vue常见报错汇总
自己踩过的坑,给别人留下铁锹,慢慢积累。Uncaught SyntaxError: Unexpected identifier最小白的错误之一,找到相应的行数,看看您老是不是少了个逗号…….多半如此。Uncaught SyntaxError: Invalid or unexpected token最小白错误之二,找到相应行数,您老是不是中英文符号切换错了…十之八九。
vue滚动自动加载
[plain] view plain copy  print?                                                     {{item.title}}                                                                 import axios
对vue工程index.html、App.vue和main.js之间的理解
App.vue通过模板渲染的方式渲染到main.js中,main.js中的Vue实例装载在index.html中。Main.js中的Vue实例:el:决定了对象装载的位置template:使用的模板
vue和微信小程序的区别、比较
  写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。 一、生命周期 相比之下,小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。 onLoad: 页面加载 一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。 onShow:...
Vue加载组件的几种方式
//正常加载 import index from '../pages/index.vue' import view from '../pages/view.vue' //懒加载 const index = resolve => require(['../pages/index.vue'], resolve) const view = resolve => require(['../pa...
关于滑动到底部自动加载的介绍
回想前一阵子,做到手机端的一个列表展示,数据量大时,为了不影响用户体验,决定先默认加载十条数据,然后滑动到底部在加载接下来的十条,这里就需要用到捕获滑动到底部的触发事件。 本来还想着偷下懒,结果在网上找了十多篇相关文章对我都没什么用处,那些文章一般是这样的: 开始捕获滚动条滚动事件:$("#shanghuajiazai").scroll(function(){});//通过id捕获有滚动条的元
vue的config文件夹下的Index.js解释
//此文件是用来配置开发环境和生产环境的配置参数 'use strict'//严格模式 const path = require('path')//node的path模块 用来统一路径 module.exports = { dev:{//开发环境 //定义静态资源根目录的子目录static assetsSubDirectory:'static', ...
Vue滚动到底部自动加载
mounted: function mounted() { $("#S_content").scroll(function() { var scrollHeight = $("#S_content").scrollTop(); // 滚动高度 var rHeight = $("#S_content").get(0).scrollHeight; // 内容高度 var see...
vue安装vux之神坑之路
1、安装vux,npm install vux --save-dev 2、安装vux-loader,npm install vux-loader --save-dev 3、安装less、less-loader,npm install less less-loader --save-dev 4、安装vuex,npm install vuex --save-dev 5、在bui...
vue中的路由编写方法
配置路由
vue 根据不同的域名调用不同的页面作为项目的首页(首页风格共性很少,这个类似给客户定制化首页的意思)
说实话,听到这个需求的时候,脑子里也没想什么就觉得so easy啊,不就是相当于两个项目吗,然后多个客户的时候,就是把首页切成不同的路由,打包发版到服务器上面就OK,可是,问题来了,服务器的内存也是有限的,客户是无限的(#¥%%*) 所以这个时候,就得想办法解决这个问题了。 废话不多说了,解决方法: 1.新建一个公共的vue文件页面,然后在根据域名判断,当前应该渲染哪一个页面 ...
vue关闭代码规范extra semicolon
新创建的项目在npm run dev的时候老是报各种格式问题i:比如多个一个空格?多了一行?分号问题?.....简直是受不鸟。。。 怎么解决呢? 这个文件,看这里,将useEslint的值改成false就好了 说简单也简单,但是当你不知道去哪里改的时候就会觉得这个问题可不简单...... ...
vue 使用 axios 请求出现options 问题。
vue 使用 axios 请求出现options 问题。vue 使用 axios 请求出现options 问题axios配置springboot配置 vue 使用 axios 请求出现options 问题 axios配置 config.headers[‘Content-Type’] = ‘application/json’ ,我们要求json格式发送 import axios from 'axio...
44.让webstorm识别.vue文件格式编码
1.下载这个https://github.com/henjue/vue-for-idea  2. 3.
设置pdf地址,vue实现展示pdf文件自动加载下一页
设置pdf地址,vue实现展示pdf文件自动加载下一页,使用方便
Vue 爬坑之路(十)—— Vue2.5 + Typescript 构建项目
Typescript 在前端圈已经逐渐普及,Vue 2.5.0 改进了类型声明,使得对 TypeScript 更加友好不过要想在项目中直接使用 TypeScript  仍然需要对项目进行一些改造PS: 建议使用  Visual Studio Code 进行开发 vue-cli 3.0 可以直接创建 typescript 项目,不过目前还只有 beta 版,有兴趣的朋友可以尝试一下 一、安装依赖首先...
Vue页面加载完成后自动加载自定义函数
created: 在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。 methods: { indexs:function(){ this.$http.post('{:url("Index/fun")}') .then(function(res){ ...
VUE设置域名代理
使用vue-cli搭建项目设置域名代理进入config文件夹下的index.js文件
Vue配置全局域名
 配置一个全局域名用来拼接地址  使用 process.env.HOST 方法可以获取到配置的全局域名
vue 解决跨域问题及配置json域名简化
  如果没重启如下:
Vue 运行报错解决
报错类型:> music@1.0.0 dev F:\music\music> node build/dev-server.js> Starting dev server...ERROR Failed to compile with 2 errors14:30:11error in ./src/App.vueSyntax Error: Unexpected token {@ ./s...
vue新建项目(三)构建单页应用(SPA)
在前面的两篇《vue新建项目(一)vue-cli新建模板项目》 和 《vue新建项目(二)安装element-ui》 中,我们已经新建一个vue项目且安装了一套UI,但是这个只是一个页面,那么怎么新建一个单页应用(SPA)呢。 这里我们需要做一点改造。 步骤: 1.在src/components 下面新建一个目录common ,并且在这个目录里面新建一个.vue文件:Home.vue 2.在
vue项目配置域名访问
一,配置 配置文件project_vue/config/index.js 找到 host: (填写域名) port: (填写端口) 二,报错 三,解决报错 在/etc/hosts增加本地解析 (windows自行找hosts文件位置) 0.0.0.0 xxx.yuming.com (这是允许所有ip访问) 四,重启...
vue nginx 代理实现域名绑定
vue项目打包上线以后想要用nginx指向域名方法如下 server { listen 80; ...
vue中接口域名配置为全局变量
src中新建 一个 domain.js文件  // 配置全局接口域名 const domain = 'http://bowensi.xiaoniren.cn/'; export default { testUrl:domain } main.js中 import domain from './domain.js'; global.domain = domain;
滑动到页面底端自动加载下一页方法
之前做的手机端,页面加载是靠下一页上一页实现的, 公司最新的需求,要求gaicheng
vue 打包之后生成一个配置文件修改接口域名
第一步:安装 generate-asset-webpack-plugin 插件: npm install --save-dev generate-asset-webpack-plugin 第二步:配置 webpack.prod.conf.js 文件: // 让打包的时候输出可配置的文件 let GenerateAssetPlugin = require('generate-asset-webp...
VUE-——vue-cli 搭建的项目处理不同环境下请求不同域名的问题
使用 vue-cli 开发项目过程中, 根据开发环境和正式环境不同, 我们往往需要请求不同域名下的后台接口, 这时候, 该怎么去设置, 达到同一种写法可以根据环境不同而自动切换请求域名呢? 本文将会介绍两种配置方式。 本文中所有请求都是使用 axios 一、设置多种开发环境域名 修改 config/dev.env.js (开发环境的配置) 'use strict' const merge = re...
从零构建 vue2 + vue-router + vuex 开发环境到入门,实现基本的登录退出功能
github:https://github.com/lzxb/vue2-demo 源码说明 项目目录说明 . |-- config // 项目开发环境配置 | |-- index.js // 项目打包部署配置 |-- src //
Vue jquery.masonry 滑动自动加载 瀑布流
虽然masonry.pkgd.min.js最新版本是4.2.0,但是本文章中采用的是V2.1.04,这里面已经集成了imagesloaded,所以不需要引入2次 div代码为 {{x.title}} Vue初始化: var v1 = new Vue({ el:"#app", data:{ data
vue-一个域名多个项目的nginx配置
本身nginx很方便, 但是有些项目是工程化的, 比如vue打包后,项目是绝对路径的模式, 这样就找不到路径,报错了。 以vue为例子: vue 2.0cli 1: 找到config/index.js 修改 assetsPublicPath的value, 假设区分的路径是'test', 比如项目的地址是mysy.vip/test/。 我们等下以base...
vue基于webpack因域名变化修改接口请求端口
修改 config 目录下面的index.js 文件 module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { target: 'http://124.207.68...
vue中axios封装及自动设置域名
现在越来越多的 Vue.js 项目里使用 axios,而不在使用 vue-resource,在使用 axios 都会进行一次封装,接口集中管理,还有各个环境域名自动匹配设置 1、安装axios: npm install --save axios 2、在 main.js 引用 axios       因为我进行了一次封装,所以可能和大家引用的方式不一样,我是在src文件里创建了一个 fetc...
Nginx 一个域名对应多个vue.js工程的nginx配置
Nginx 一个域名对应多个vue.js工程的nginx配置 nginx,虽然可以给每个前端工程在nginx部署中配置一个单独的域名,这样会比较浪费域名,比如一个项目,会有pc端,手机端,还有管理员后台,都是不同的vue项目,应该将它们配置在同一个域名下才比较合理. 需求 http:192.168.88.88/crm http:192.168.88.88/monitor 类似这种...
vue图片静态资源打包路径问题(多级域名)
由于公司服务器使用多级域名,如:http://www.jiade.com/greetingCard/child/#/ ,所以在vue打包时遇到很多问题,在这里分享一下解决办法由于没有找到更好的解决办法因此,所有路径一律使用相对路径,图片资源放到src/assets里面,其他静态资源(js插件,mp3等)放到static一、相关配置1、在config文件夹下的index.js中修改 assetsPu...
Vue2单页应用导致的微信支付安全域名问题
最近vue的单页应用在测试时遇到一个比较严重的问题,在微信内调起微信支付老是报错,排查后发现是安全域名的设置有问题。vue的单页应用有两种模式,hash和history两种,而hash模式下的url是有一个‘#’的,导致唤起微信支付的域名不固定。但是微信的一个商户平台只能添加5个安全域名,如果要把它的多种情况都写入明显是不可能的。而history模式是需要后台去配合的。那怎么单纯的前端去解决呢?//
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 区块链域名价格 web服务器配置域名教程