vue-cli3.0下访问静态资源服务器的一些问题

最新推荐文章于 2024-05-11 09:27:18 发布
最新推荐文章于 2024-05-11 09:27:18 发布
阅读量2k 收藏
点赞数 1
分类专栏： 小细节 文章标签： vue vue-cli3.0^ public get请求
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Gj_ml_lc_xr_tt/article/details/85842860
版权

vue-cli3.0下访问静态资源服务器的一些问题

访问静态资源只能在public文件夹下才可以，并且目前只能用get请求，post不会。

用v:bing或axios请求的时候，除非跨域，都会直接指定到localhost:8080/public下，所以不用在请求里面重复加上/public/，直接请求public下的文件路径即可。public 下的test.json，
请求

请求成功

Gj_ml_lc_xr_tt
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue-cli3.0配置demo更新
07-23
在 "vue-cli3.0配置demo更新" 中，我们将探讨 `vue.config.js` 文件的详细配置，以及如何配置别名、代理跨域和 devServer。 `vue.config.js` 是 Vue CLI 3.x 中的核心配置文件，允许开发者自定义项目的构建设置。在...
vue-cli 里axios的使用
weixin_30786617的博客
10-23 212
1、axios的安装 cnpm i axios --save 2、axios的引入 安装其他插件的时候，可以直接在 main.js 中引入并 Vue.use()，但是 axios 并不能 use，只能每个需要发送请求的组件中即时引入 为了解决这个问题，那么就可以使用在原型链上挂载的方法传入到各个组件具体方法如下(在vue-cli里面的static里的文件是可以通过网址来访问的,...
Vue2前端增加上下文
最新发布
wangxin1949的博客
05-11 668
1- 项目部署时存在两个Nginx, 一个Nginx支持vue项目的基本配置, 但是项目入口要配置在上一层Nginx上, 而且上一层Nginx包装了一层上下文; 2- 页面跳转时要保持上一层Nginx的上下文; 3- URL可以正常刷新上层Nginx的上下文转发时不转发到下层Nginx, 只做一层上下文的包装.原因: 默认打包状态中静态资源加载路径单独设置. 解决方案: vue.config.js文件中找到modules.export中的publicPath参数, 该参数前面拼接上上层Nginx上下文即可;
Nginx+Vue作为静态资源服务器配置及使用
Nirvana_lss的博客
01-13 4788
Nginx作为静态资源服务器配置及使用前言编译安装NginxNginx相关命令nginx主要相关目录Nginx配置文件部署前端Vue项目可能出现的问题 前言 最近项目用的前后端分离架构，后端用的还是SSM，前端用的VUE+Node.js，但是在访问网站中发现首页一些地图及图表插件加载渲染异常缓慢，因为首页布局东西比较多，之前也对无用的js文件做过处理，但是效果还是不理想，加载完全竟然需要长达一分钟...
Vue项目部署资源路径问题
qq_39480597的博客
03-15 3万+
本文主要解决两个问题：1、vue-cli发布时 js，css文件路径错误2、vue-cli发布时js、css文件正常，但是图片路径错误问题:vue-cli 脚手架生成的默认打包配置文件情况下运行 npm run build 打包后，即可开始项目部署项目部署根据公司要求不同大致分为一下俩种部署方式：1、服务器放置打包后生成的dist文件夹此种部署方式，需要将config.js文件下index.js中...
将Vue项目部署在Nginx,解决前端路由、反向代理和静态资源问题
櫆溟的博客
03-14 2万+
将Vue项目部署在Nginx,解决前端路由、反向代理和静态资源问题
vue cli 3.0通用打包配置代码,不分一二级目录
11-19
比如，如果你想在开发过程中，使服务器能够从 `static` 目录下提供静态资源，可以这样做： ```javascript const path = require('path'); module.exports = { configureWebpack: { devServer: { contentBase: ...
VueCli3.0全栈项目-资金管理系统带权限资料.zip
11-23
Vue CLI 3.0 是一个基于 Vue.js 的命令行工具，用于快速搭建现代前端应用。这个压缩包包含了一个资金管理系统的全栈项目源码，它利用 Vue CLI 的特性，为开发者提供了一套完整的开发环境，包括自动配置、热模块替换...
vue-cli搭建脚手架.doc
06-11
Webpack是一个模块打包工具，它可以将各种静态资源如JavaScript、CSS、图片等打包成浏览器可识别的格式。Vue CLI中的Webpack配置可以满足大部分项目需求，同时允许开发者自定义配置，以适应特定的项目需求。 总的来...
vue-cli3项目打包时，静态资源请求失败 404
weixin_40141473的博客
08-16 8841
1. 首先放一张项目的目录： public文件夹 存放 index.html以及一些json文件。 src -> assets 文件夹下存放一些需要的图片。 src -> components 文件夹下存放每个模块的组件。 src 目录下是App.vue、main.js、router.js、store.js文件。 2. 在执行 npm run build 后，项目多了一个d...
【vue】vue-cli中自定义路径别名 assets和static文件夹的区别
z767327552的专栏
03-12 4192
静态资源处理：assets和static文件夹的区别相信有很多人知道vue-cli有两个放置静态资源的地方，分别是src/assets文件夹和static文件夹,这两者的区别很多人可能不太清楚。assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。例如，在 <img src="./logo.png"> 和 background: url(./logo.png...
Vue-cli中的静态资源管理（src/assets和static/的区别）
热门推荐
riddle1981的博客
11-07 3万+
你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？资源打包为了回答这个问题，我们需要了解webpack是如何处理静态资源的。在所有的*.vue文件中你所有的templates 和CSS 都被vue-html-loader 和css-loader 查询资源的URLs解析. 比如说, 在 img src=”./logo.png” 和backgrou
Vue Cli 3 打包上线 静态资源404问题解决方案
zzzhumengfan的博客
03-10 1万+
报错原因：静态资源丢失 解决方案 官方文档https://cli.vuejs.org/zh/config/#vue-config-js baseUrl 从 Vue CLI 3.3 起已弃用，请使用publicPath。 在根目录创建vue.config.js 文件 // 请把代码文本粘贴到下方（请勿用图片代替代码） module.exports = { publicPat...
vue-cli3静态资源static assets项目结构
weixin_34345560的博客
04-18 5332
今天又是纠结的一天...本文又名:vue/cli3中不得不知的webpack配置..如大家所见，我在前文也写过 vue-cli3.0默认项目目录与2.0的相比，更精简:1.移除的配置文件根目录下的，build和config等目录，2.移除了static文件夹，新增了public文件夹，并且index.html移动到public中。3.在s...
Vue项目打包，部署服务器，静态资源访问404问题。
猫
02-18 8006
Vue ^2.5.2 Webpack ^3.12.0 项目问题：         vue项目本地运行正常，npm run build之后，将dist文件上传至服务器之后，访问域名出现 .js 、.css等静态资源文件访问404，导致访问页面空白。 解决方法： 找到这个文件     然后作如下修改      将 ' / ' 改成 ' ./ ' 然后重新打包部署，访问就ok了  ...
Vue-cli 静态资源配置问题
Pany的博客
06-14 5200
src目录下的资源只能import或require。
卸载vuecli3_vue-cli3.0升级失败，vue-cli卸载不掉，万能解决办法
06-06
您可以尝试以下步骤来卸载vuecli3或vue-cli： 1. 打开命令行工具，并使用管理员权限运行它。 2. 输入以下命令来检查您已经安装的vue-cli版本： ``` vue --version ``` 3. 如果您已经安装了vue-cli 3.x版本，您...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值