福建中江建设公司网站,怀化seo快速排名,请人做网站要多少,怎么建设网站临汾方法一
缺点#xff1a;需要和部署的路径保持一致#xff0c;不是很灵活
1、在环境变量.env中定义url前缀
BASE_URL/admin/2、定义vue路由前缀路径router/index.js
const createRouter () new Router({mode: history,base: process.env.BASE_URL,
// mode: hash,…方法一
缺点需要和部署的路径保持一致不是很灵活
1、在环境变量.env中定义url前缀
BASE_URL/admin/2、定义vue路由前缀路径router/index.js
const createRouter () new Router({mode: history,base: process.env.BASE_URL,
// mode: hash,routes: constantRouterMap}).........
3、vue配置公共路径前缀vue.config.js
const vueConfig {// publicPath: process.env.NODE_ENV development ? / : ./,publicPath: process.env.BASE_URL,outputDir:dist,.........4、打包部署到nginx或其他中间件此时要保证前缀和部署的前缀保持一致
nginx
location /admin/ {index index.html index.htm;try_files $uri $uri/ /admin/index.html;
}方法二
1、使用history模式
2、定义vue路由前缀路径router/index.js
3、vue配置公共路径前缀vue.config.js
// publicPath: process.env.NODE_ENV development ? / : ./, // history改为 ’./‘ ,hash模式要’/‘,使用这种方法会导致图片无法加载以及一些其他问题开发环境使用/,部署到服务器上使用./
这种能保证静态资源能访问到但是图片访问又有问题需要再调整比较麻烦还会产生其它问题history和hash模式配置还不一样