搜索 - 腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

来自专栏橙光笔记
Nuxt项目给script标签添加crossorigin属性
给单页应用添加crossorigin 单页应用意味着nuxt.config.js中mode的值是spa。 spa添加crossorigin很简单，官方文档上也有说明，只要在nuxt.config.js文件中的build属性下添加crossorigin: 'anonymous'就可以了。给同构应用添加crossorigin 同构应用（即使用了服务端渲染）意味着nuxt.config.js中mode的值是universal。这时就需要修改webpack打包时候的配置了，好在Nuxt是支持修改配置的，再修改nuxt.config.js文件如下： build:{ // ... 总结综上，需要在nuxt.config.js文件中添加如下代码： module.exports = { build:{ // ...
3.9K31发布于 2020-10-17
来自专栏OY_学习记录
vue 打包部署
500 502 503 504 /50x.html; location = /50x.html { root html; } } 二、nuxt.js 项目打包部署 nuxt.config.js '0.0.0.0', // 本地 host }, 打包部署打包 npm run build // 打包添加站点和文件在宝塔添加站点，并把以下文件上传到网站根目录下 package.json nuxt.config.js static .nuxt 3.安装依赖在网站目录下打开终端 npm i // 安装项目依赖 4.访问测试 npm run start // 运行项目注意把 nuxt.config.js >server >host 设置为 0.0.0.0 当项目运行后可以看到地址此时通过 IP 地址+口号就可以访问项目了配置 Nginx 这里的地址必须是 127.0.0.1:端口端口号为 nuxt.config.js
1.1K20编辑于 2022-11-23
来自专栏FreeSWITCH中文社区
Nuxt框架服务端渲染
可以在这个生命周期中进行用户是否登录判断；可全局nuxt.config.js进行配置、可在页面组件中配置（layout）、也可在布局组件中配置（page&children） // nuxt.config.js 在nuxt.config.js文件中配置 module.exports = { head: { title: '网站统一标题', meta: [ {charset:'utf-8 ] } } 页面中自定义信息描述： export default { head() { return { meta: [] } }, } Nuxt部署在nuxt.config.js 0.0.0.0' // 指定主机地址（本地） } } npm run build 进行打包，我们需要复制到服务器的文件：.nuxt、package-lock.json、package.json、nuxt.config.js
4.7K20编辑于 2023-02-28
来自专栏一路向前端
Nuxt配置Element-UI按需引入方法
Vue.component(component.name, component) }) } } Vue.use(Element, { locale }) 配置 plugins 选项在 nuxt.config.js ssr: false // 关闭ssr } ], } 如果在 create-nuxt-app 中默认选了 Element-UI 的，还需要将 Element-UI 的全局样式去掉，即在 nuxt.config.js index.css' 作为全局样式的打包配置，改为 module.exports = { /* ** Global CSS */ css: [], } 配置 babel 选项在 nuxt.config.js
3.5K20发布于 2020-07-06
来自专栏全栈程序员必看
nuxt「建议收藏」
nuxt.config.js 文件用于组织Nuxt.js 应用的个性化配置，以便覆盖默认配置。路由 Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。要指定页面的命名视图，我们需要在nuxt.config.js文件中扩展路由器配置： export default { router: { extendRoutes (routes, resolve 一个中间件接收 context 作为第一个参数：中间件执行流程顺序： nuxt.config.js 匹配布局匹配页面 export default function(context) {} context 是nuxt中最大的参数，可以获取所有的东西，请求参数，store //应用场景： /* 但凡的请求过程中需要的公共事务，就可以放在全局路由改变的中间件来完成 nuxt.config.js */ 插件 axios nuxt中使用axios 安装 npm i -S @nuxtjs/axios @nuxtjs/proxy nuxt.config.js { modules:[
4.8K10编辑于 2022-09-20
来自专栏后端技术
如何 nuxt 集成使用 element-ui
segmentfault.com/q/1010000007871843 安装element-ui npm install --save element-ui // npm i element-ui -S 修改nuxt.config.js theme-default/index.css' // 全部引用的时候需要用到 ] 创建～plugins/element-ui.js import Vue from 'vue' // 全部引用，此时需要在nuxt.config.js
1.7K40发布于 2019-05-25
来自专栏前端开发随笔
Nuxt引用vant+px2rem适配移动端开发
import Vue from "vue"; import 'vant/lib/index.css'; import { Button } from "vant"; Vue.use(Button); 在nuxt.config.js lib-flexible -s npm i postcss-px2rem-exclude -s 在plugins文件夹新建lib-flexible.js文件 import 'lib-flexible' 在nuxt.config.js
2.2K20发布于 2021-01-20
来自专栏Java后端开发博客
尚医通-客户端平台
# 尚医通-客户端平台服务端渲染技术 NUXT 什么是服务端渲染什么是NUXT NUXT环境初始化下载压缩包解压修改package.json 修改nuxt.config.js 终端中进入项目目录安装依赖 ", "precommit": "npm run lint" }, ... } # 修改nuxt.config.js 修改 title: '{{ name }}'、content: '{ from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'//element-ui的css Vue.use(ElementUI) 在nuxt.config.js nuxt.config.js 文件 nuxt.config.js 文件用于组织Nuxt.js 应用的个性化配置，以便覆盖默认配置。
6.2K20编辑于 2022-12-30
来自专栏前端知否
如何在Nuxt应用程序中加载外部脚本
// nuxt.config.js OR pages/some/page.vue export default { head() { return { script: [ stylesheet", href: "https://some-site.com/stuff.css" } ] } } } 您可以在nuxt.config.js 上直接执行此操作，也可以直接在Nuxt页面上执行（如果在nuxt.config.js内执行此操作，则更改将应用于所有页面）。
5.6K10发布于 2020-03-23
来自专栏ECS服务器
crmeb商城 PC端SEO打包教程
模板目录下的setting.js里面域名按图片方式（注意：这里的域名是接口域名就是后台网站的域名不是pc的域名） const VUE_APP_API_URL =`你的接口域名/api`; 4.打开nuxt.config.js 修改页面渲染模式为 universal 修改188行反向代理端口配置修改完成之后本地编译文件 npm run generate 5.编译完成之后，将pc包里面nuxt-dist，store，nuxt.config.js env.js上传至pc站点 6.宝塔添加PC模板站点，FTP和数据库均不需要创建，PHP版本选择纯静态 7.设置反向代理，代理名称自行填写，目标URL填写 127.0.0.1:端口号 (端口号为打包时 nuxt.config.js
76840编辑于 2023-04-19
来自专栏子舒的个人博客
在nuxt中实现图片放大预览功能
scalable': true, 'transition': true, 'fullscreen': true, 'keyboard': true, 'url': 'data-source' } }) 然后再 nuxt.config.js // nuxt.config.js plugins: [ // ...
2.5K30编辑于 2022-06-09
来自专栏Web大前端
Nuxt.js实战：Vue.js的服务器端渲染框架
nuxt.config.js：Nuxt.js的配置文件，用于定制项目的设置。package.json：项目依赖和脚本配置。路由解析：Nuxt.js 使用 nuxt.config.js 中的 routes 配置（如果存在）或自动从 pages/ 目录生成路由。全局中间件全局中间件是在nuxt.config.js文件中配置的，影响应用中的所有页面：// nuxt.config.jsexport default { // ... ）nuxt.config.js 是Nuxt应用的主要配置文件，用于定制化应用的行为。路由配置通常不需要手动编写，但可以通过 nuxt.config.js 的 router 属性进行扩展。Vuex：Nuxt.js 自动创建了一个 Vuex store。
3.1K00编辑于 2024-06-06
来自专栏EasyNVR
TSINGSEE青犀视频官网全新改版即将上线，系统界面迎来整体升级
解决问题在nuxt.config.js文件里开启ssr即可。我们找到nuxt.config.js文件更改element-ui 配置信息如下： ?
1.1K30发布于 2020-08-26
来自专栏前端开发随笔
Nuxt通过build打包部署到线上
nuxt有两种打包方式 nuxt.config.js文件需要对不同打包方式进行配置 target: 'server', //build打包用server，generate用static 默认 server npm run generate 生成dist文件夹，直接放到服务器就可以访问但是如果后台修改数据，前端还是显示之前打包的数据 build打包 npm run build .nuxt static nuxt.config.js listen 后台去开设的端口为86，默认为80,因为被占用了 server_name 放你的代理的域名，不要带http:// proxy_pass 为你node启动的服务器地址，需要保持连接状态项目nuxt.config.js
8K30发布于 2021-07-23
来自专栏一路向前端
Nuxt使用axios跨域问题解决方法
安装完成后在 nuxt.config.js 文件里面添加以下配置： module.exports = { /* ** Nuxt.js modules */ modules: ["@nuxtjs error.response && error.response.status); if (code === 400) { redirect("/400"); } }); } 在 nuxt.config.js
5.7K30发布于 2020-07-06
来自专栏静之森
Nuxt 踩坑记
(nuxt.render) COPY 内置的axios 与 asyncData 使用 axios 获取数据并挂载 Nuxt 中内置了 axios，并挂载在 Vue 实例中的 $axios 上，通过在 nuxt.config.js 在 nuxt.config.js 中，修改为 js 1 plugins: [ 2 { 3 src: '~/plugins/axios', // axios 配置文件路径 4 ssr lib/theme-chalk/icon.css' 4import 'element-ui/lib/theme-chalk/message.css' 5 6Vue.use(Message) COPY 在 nuxt.config.js 1 yarn add -D babel-plugin-component COPY 然后在 nuxt.config.js 中加入 babel 配置。如果你没有这个对象，就加一个。同样在 webpack 中配置，在 nuxt.config.js 中加入 extend 对象，配置 webpack 加入 js 1config.plugins.push( 2 new webpack.ContextReplacementPlugin
2.8K10编辑于 2021-12-28
来自专栏thinkphp+vue
CRMEB v4.x PC模板兼容SEO安装教程
本地打包 1.首先，修改PC模板目录下的setting.js里面域名（注意：这里的域名是接口域名就是后台网站的域名不是pc的域名） 2.在nuxt.config.js里面修改修改打包模式为服务器配置站点 1.宝塔添加PC模板站点，FTP和数据库均不需要创建，PHP版本选择纯静态 2.设置反向代理，代理名称自行填写，目标URL填写 127.0.0.1:端口号端口号为打包时 nuxt.config.js
95030发布于 2021-05-13
来自专栏微服务架构日记
Nuxt.js生成sitemap.xml、seo优化、robots.txt协议添加
并且需要用axios进行请求，不要使用@nuxtjs/axios，不然会报错 npm install @nuxtjs/sitemap npm install axios sitemap.xml配置在nuxt.config.js postsRoutes, tagsRoutes)); }), function (err) { throw (err); }); } } seo优化全局seo 在nuxt.config.js
6.1K20发布于 2021-01-18
来自专栏前端技术分享
点亮你的Vue技术栈，万字Nuxt.js实践笔记来了
在 nuxt.config.js 中，我们还可以设置全局的 head: module.exports = { head: { title: '掘金', meta: [ { 创建环境变量 nuxt.config.js : module.exports = { env: { baseUrl: process.env.NODE_ENV === 'production $myInjectedFunction = string => console.log('This is an example', string) 使用 nuxt.config.js : export npm i @nuxtjs/axios --save nuxt.config.js : module.exports = { modules: [ '@nuxtjs/axios' ], 安装安装 cookie-universal-nuxt npm run cookie-universal-nuxt --save nuxt.config.js : module.exports = {
25.8K31发布于 2020-08-24
来自专栏前端开发随笔
Nuxt引用cookie-universal-nuxt在服务端请求cookie
官方文档 npm install cookie-universal-nuxt -s 在nuxt.config.js添加 modules: [ 'cookie-universal-nuxt',
2.6K40发布于 2021-04-20

第 2 页第 3 页第 4 页第 5 页

点击加载更多