vue ssr 引入 jquery

栏目: jQuery · 发布时间: 5年前

内容简介:vue前端框架,就不多说了ssr,最近很热的词,意为 Server Side Rendering(服务端渲染),目的是为了解决单页面应用的 SEO 的问题,对于一般网站影响不大,但是对于论坛类,内容类网站来说是致命的,搜索引擎无法抓取页面相关内容,也就是用户搜不到此网站的相关信息。关于配置文件和入口文件,我是没有给出文件名的,因为这些都是可以配置的。ssr只需求配置前端入口就行

vue前端框架,就不多说了

ssr,最近很热的词,意为 Server Side Rendering(服务端渲染),目的是为了解决单页面应用的 SEO 的问题,对于一般网站影响不大,但是对于论坛类,内容类网站来说是致命的,搜索引擎无法抓取页面相关内容,也就是用户搜不到此网站的相关信息。

1,安装jquery

# npm install jquery --save-dev

2,修改配置文件,package.json,找到配置的js

const webpack = require('webpack')

plugins: [   //加入以下内容
  new webpack.ProvidePlugin({
    jQuery: "jquery",
    $$: "jquery"   //单个已被使用,改双美元
  })
]

3,修改入口文件

import $ from 'jquery'

关于配置文件和入口文件,我是没有给出文件名的,因为这些都是可以配置的。ssr只需求配置前端入口就行

4,看一下效果

vue ssr 引入 jquery

vue 加载 jquery


以上所述就是小编给大家介绍的《vue ssr 引入 jquery》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Design Accessible Web Sites

Design Accessible Web Sites

Jeremy Sydik / Pragmatic Bookshelf / 2007-11-05 / USD 34.95

It's not a one-browser web anymore. You need to reach audiences that use cell phones, PDAs, game consoles, or other "alternative" browsers, as well as users with disabilities. Legal requirements for a......一起来看看 《Design Accessible Web Sites》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

URL 编码/解码
URL 编码/解码

URL 编码/解码

SHA 加密
SHA 加密

SHA 加密工具