记录一下做过的需求,了解的不多,有不对的地方请指出,谢谢~
需求是:同一个的服务的同个端口号,根据后面接着的内容不同访问不同的管理系统。
举个例子:http://127.0.0.1:8088/admin 访问的是A管理平台 http://127.0.0.1:8088/test 访问的是B管理平台。
这需要给页面路由,以及访问的静态资源加admin, test。并且配置好nginx。
因为vue-cli版本的不同,文件结构不同,加前缀的方法也不一样。
vue-cli2: 由于我用的是vue-cli3,2.0版本的没试过可能有问题。
(1)给静态资源加前缀有两种方法:
-
在config / index 文件里修改dev(npm run dev本地启动项目时)和build(npm run build 打包时)下的 assetsPublicPath:”/前缀”
-
在npm run build打好的dist包里 ,/dist/config/index.js文件中修改 ['domain']=“/前缀” 也可以
(2)给路由加前缀:而且路由模式用的是hash,
Vue-cli3:
(1)静态资源前缀:
vue.config.js 中: module.exports ={ publicPath:”/前缀" , …...}
(2)页面路由前缀:
router.js里:export default new Router({ base:”/前缀" , })
nginx: nginx的配置我不是很了解 放在这里做个参考
location ^~ /amdin{
alias /home/user/html/manager;
try_files $uri $uri/ /admin/index.html;
}
记录一下做过的需求,了解的不多,有不对的地方请指出,谢谢~需求是:同一个的服务的同个端口号,根据后面接着的内容不同访问不同的管理系统。举个例子:http://127.0.0.1:8088/admin 访问的是A管理平台 http://127.0.0.1:8088/test 访问的是B管理平台。这需要给页面路由,以及访问的静态资源加admin, test。并且配置好nginx。因为vue-cli版本的不同,文件结构不同,加前缀的方法也不一样。vue-cli2: 由于我用的是...
可以设置以下browserlist,现在webpack默认你的项目支持高版本浏览器,你给支持的浏览器版本设置低一点,就出来前缀了
我们在package.json里面加上如下内容重新
打包
运行就可以出来
"name":"lcy",
"dependencies":{.....}
// 加上下面的内容
"browserslist": [
"last 1 ve...
首先说一下开发环境:Windows下VS2017+PCL1.9.1,使用源码编译方式(非wheel)——
贴一下github上原repo的安装教程:https://github.com/strawlab/python-pcl
也可安装下面的教程进行安装:
①vs2017 ②PCLallinone 2017 ③环境变量 ④windows gtk+ ⑤ 编译
https://blog.csdn.net/bikede/article/details/103272250?utm_medium=
if(process.env.NODE_ENV === "development"){
//开发环境
axios.defaults.baseURL = 'http://192.168.9.81:8080/cdps'
}else{
//线上环境
axios.defaults.baseURL = 'ht...
Vue
配置使用相对
路径
访问
静态资源
(js、css、images)
在
vue
项目的配置文件
vue
.config.js的配置文件中添加publicPath配置
module.exports = {
publicPath: ''
文章目录**本地图片一般引用:****本地图片动态引用:**1. 使用`require`引入图片2.本地图片动态绑定img的src属性小问题
本地图片一般引用:
一般我们在html中或者
vue
组件文件中引用图片方式:
<img src="../assets/logo.png" alt="logo" class="logo">
此时,用webpack
打包
后,我们需要加载的图片可以正常显示,也可以看到图片
路径
已经被webpack编译。
本地图片动态引用:
根据动态绑定
路径
引用本地图片:<i